<div>是HTML中的一個標簽，用于創建一個塊級元素。通過CSS樣式控制，可以對<div>元素進行各種排版和布局的操作。在網頁設計和開發中，<div>元素是非常常見的標簽之一，可以用于創建網頁的各種布局、組織內容以及設置樣式。
下面我們來看幾個<div>元素在CSS中的使用案例，以便更好地理解和掌握如何使用<div>進行網頁布局和樣式控制。
第一個案例是設置一個簡單的<div>元素，用于在頁面中顯示一段文字。代碼如下：

<div class="example">
<p>這是一個簡單的示例</p>
</div>

在CSS中，我們可以對<div>元素進行樣式控制。比如，我們可以給這個<div>設置背景顏色、邊框、內外邊距等等。代碼如下：

.example {
background-color: #f5f5f5;
border: 1px solid #ddd;
padding: 10px;
margin-bottom: 20px;
}

在上面的代碼中，我們給<div>元素添加了一個類選擇器.example，并在CSS代碼塊中使用了這個選擇器來設置樣式。background-color屬性用于設置背景顏色，border屬性用于設置邊框，padding屬性用于設置內邊距，margin-bottom屬性用于設置外邊距。
第二個案例是創建一個簡單的導航欄。我們使用三個<div>元素來創建一個水平的導航欄，代碼如下：

<div id="nav">
<div>首頁</div>
<div>關于我們</div>
<div>聯系我們</div>
</div>

這個導航欄由一個外層的<div>元素（id為nav）和三個內層的<div>元素組成。在CSS中，我們可以通過選擇器設置導航欄的樣式。比如，我們可以設置導航欄的背景顏色、文字顏色、字體大小等等。代碼如下：

#nav {
background-color: #333;
color: #fff;
padding: 10px;
}
<br>
#nav div {
display: inline-block;
margin-right: 10px;
cursor: pointer;
}
<br>
#nav div:hover {
color: #ff0000;
}

在上面的代碼中，我們使用id選擇器#nav來設置導航欄的樣式。background-color屬性用于設置背景顏色，color屬性用于設置文字顏色，padding屬性用于設置內邊距。接著，我們使用選擇器#nav div來設置導航欄內部<div>元素的樣式。display屬性用于設置內部元素的顯示方式為inline-block，margin-right屬性用于設置內部元素之間的右側間距，cursor屬性用于設置鼠標懸停樣式。最后，我們使用:hover偽類選擇器來設置鼠標懸停時內部元素的樣式。
通過以上兩個案例，我們可以看到<div>元素在CSS中的靈活應用。在實際網頁設計和開發中，<div>元素是非常常用和重要的標簽，通過合理利用CSS樣式，我們可以靈活掌控<div>元素的布局和樣式，實現各種獨特、美觀的網頁效果。希望這篇文章能夠對你對<div>元素的理解和運用有所幫助。