在網(wǎng)頁(yè)設(shè)計(jì)中，我們常常使用div標(biāo)簽來(lái)劃分頁(yè)面的不同區(qū)域。但是，如何為這些div設(shè)置樣式呢？下面我們來(lái)詳細(xì)介紹一下。 首先，在HTML中，我們可以通過(guò)在div標(biāo)簽上添加class或id屬性，為不同div設(shè)置不同的樣式。比如：

<div class="section1">
section1內(nèi)容
</div>
<div id="section2">
section2內(nèi)容
</div>

其中，class屬性可以被多個(gè)元素共用，而id屬性必須在整個(gè)文檔中唯一。 接著，我們可以在CSS樣式表中為這些class和id設(shè)置樣式。比如：

.section1 {
background-color: #FFF;
padding: 20px;
border: 1px solid #000;
}
#section2 {
background-color: #F00;
color: #FFF;
}

這樣，我們就為class為"section1"的div設(shè)置了白色背景、20像素內(nèi)邊距、1像素黑色邊框的樣式，而為id為"section2"的div設(shè)置了紅色背景、白色文字的樣式。 除此之外，我們還可以在一個(gè)class中使用多個(gè)樣式屬性，比如：

.section3 {
font-size: 16px;
line-height: 1.5;
color: #333;
}

這樣，我們就為class為"section3"的div設(shè)置了16像素的字號(hào)、1.5倍行距和黑色字體顏色的樣式。 總之，通過(guò)為div添加class或id屬性，并在CSS樣式表中為其設(shè)置樣式，我們可以輕松地為網(wǎng)頁(yè)中的不同區(qū)塊劃分出不同的樣式。