CSS是Cascading Style Sheets的縮寫(xiě)，中文名為層疊樣式表。它是一種用來(lái)為HTML和XML文檔添加樣式的可擴(kuò)展標(biāo)記語(yǔ)言。通過(guò)CSS，我們可以指定HTML元素的布局、顏色、字體等視覺(jué)效果，從而實(shí)現(xiàn)網(wǎng)頁(yè)的美觀和易讀性。在CSS中，div是一個(gè)非常重要的元素，它可以用來(lái)創(chuàng)建獨(dú)立的區(qū)塊并設(shè)置其樣式。在本篇文章中，我們將詳細(xì)介紹CSS div的用法和一些常見(jiàn)的代碼案例，幫助讀者更好地理解和運(yùn)用CSS div。

下面我們通過(guò)幾個(gè)代碼案例來(lái)詳細(xì)解釋CSS div的使用。

<p><!-- 示例1：設(shè)置div的背景顏色 --></p>
<div class="example-1">這是一個(gè)配置了背景顏色的div</div>
<br>
<style>
.example-1 {
background-color: #ff0000;
}
</style>

代碼解釋?zhuān)?/strong>在上面的例子中，我們創(chuàng)建了一個(gè)div元素，并通過(guò)添加class屬性為其指定了一個(gè)類(lèi)名稱(chēng)"example-1"。然后，我們使用CSS樣式表中的樣式選擇器".example-1"，并設(shè)置其背景顏色為"#ff0000"，表示紅色。這樣，該div元素就會(huì)顯示為紅色背景。

<p><!-- 示例2：設(shè)置div的寬度和高度 --></p>
<div class="example-2">這是一個(gè)配置了寬度和高度的div</div>
<br>
<style>
.example-2 {
width: 200px;
height: 150px;
}
</style>

<p><!-- 示例3：設(shè)置div的邊框和內(nèi)邊距 --></p>
<div class="example-3">這是一個(gè)配置了邊框和內(nèi)邊距的div</div>
<br>
<style>
.example-3 {
border: 2px solid #000000;
padding: 10px;
}
</style>