<div>是HTML中一個非常重要的標簽，它可以用來創建一個獨立的容器，用于包含其他HTML元素。在CSS中，<div>是我們最常用的元素之一，它可以用來定義網頁的布局和樣式。CSS div是一種塊級元素，可以用來組織網頁的結構和排版。通過CSS的樣式設定，我們可以改變<div>元素的背景顏色、邊框樣式、文字大小等等，從而實現網頁的美化和布局。
下面我們來看幾個具體的代碼案例來說明CSS div的應用。
例1：設置<div>的背景顏色和邊框樣式

<style>
div {
background-color: #f2f2f2; /* 設置背景顏色 */
border: 1px solid #ccc; /* 設置邊框樣式 */
}
</style>
<br>
<div>
<p>這是一個div容器。</p>
</div>

在這個例子中，我們使用CSS設置了<div>的背景顏色為淺灰色，邊框樣式為1像素的實線邊框。運行代碼后，可以看到<div>容器中的文字被包裹在一個具有背景顏色和邊框樣式的盒子中。
例2：設置<div>的寬度和高度

<style>
div {
width: 200px; /* 設置寬度 */
height: 100px; /* 設置高度 */
background-color: #f2f2f2;
}
</style>
<br>
<div>
<p>這是一個具有固定寬度和高度的div容器。</p>
</div>

在這個例子中，我們使用CSS設置了<div>的寬度為200像素，高度為100像素。運行代碼后，可以看到<div>容器的大小被固定，文字也相應地被限制在這個大小的容器內。
例3：改變<div>容器中的文字樣式

<style>
div {
background-color: #f2f2f2;
}
<br>
div p {
font-size: 14px; /* 設置文字大小 */
color: blue; /* 設置文字顏色 */
}
</style>
<br>
<div>
<p>這是一個div容器，文字大小為14像素。</p>
</div>

在這個例子中，我們使用CSS設置了<div>中

元素的文字大小為14像素，文字顏色為藍色。運行代碼后，可以看到<div>容器中的文字呈現出我們指定的樣式。
綜上所述，CSS div在網頁設計中發揮了重要的作用，它可以幫助我們定義和控制網頁的布局和樣式。通過設置<div>的樣式，我們可以創建出各種不同風格和形態的容器，使網頁更加美觀和易讀。希望以上的代碼案例能夠幫助您理解和運用CSS div的基本用法。