<div>是HTML中一個(gè)非常重要的標(biāo)簽，它可以用來(lái)創(chuàng)建一個(gè)獨(dú)立的容器，用于包含其他HTML元素。在CSS中，<div>是我們最常用的元素之一，它可以用來(lái)定義網(wǎng)頁(yè)的布局和樣式。CSS div是一種塊級(jí)元素，可以用來(lái)組織網(wǎng)頁(yè)的結(jié)構(gòu)和排版。通過(guò)CSS的樣式設(shè)定，我們可以改變<div>元素的背景顏色、邊框樣式、文字大小等等，從而實(shí)現(xiàn)網(wǎng)頁(yè)的美化和布局。
下面我們來(lái)看幾個(gè)具體的代碼案例來(lái)說(shuō)明CSS div的應(yīng)用。
例1：設(shè)置<div>的背景顏色和邊框樣式

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

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

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

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

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

在這個(gè)例子中，我們使用CSS設(shè)置了<div>中

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