，我們來看一個基本的<div>樣式設(shè)置的例子：
<style>
div {
background-color: yellow;
width: 200px;
height: 100px;
border: 1px solid black;
}
</style>
<br>
<div>這是一個使用CSS樣式設(shè)置的<div>元素。</div>在上面的例子中，通過<style>標(biāo)簽內(nèi)的CSS樣式設(shè)置對<div>進(jìn)行了設(shè)置。其背景顏色設(shè)置為黃色，寬度為200像素，高度為100像素，邊框為1像素的黑色實線。實際輸出的結(jié)果是一個帶有黃色背景、寬高為200px和100px的矩形框。
下面我們再來看一個使用CSS樣式對多個<div>進(jìn)行設(shè)置的例子：
<style>
.mydiv {
background-color: lightblue;
width: 200px;
height: 100px;
border: 1px solid black;
}
</style>
<br>
<div class="mydiv">這是一個使用CSS樣式設(shè)置的<div>元素。</div>
<div class="mydiv">這是另一個使用CSS樣式設(shè)置的<div>元素。</div>在上面的例子中，我們給<div>添加了一個class屬性（class="mydiv"），并在CSS樣式表中通過.class名字選擇器（.mydiv）對這個class進(jìn)行樣式設(shè)置。兩個<div>元素都將應(yīng)用這個樣式，實際輸出的結(jié)果是兩個帶有淺藍(lán)色背景、寬高為200px和100px的矩形框。
最后，我們來看一個使用CSS樣式對指定ID的<div>進(jìn)行設(shè)置的例子：
<style>
#specialdiv {
background-color: lightgreen;
width: 200px;
height: 100px;
border: 1px solid black;
}
</style>
<br>
<div id="specialdiv">這是一個使用CSS樣式設(shè)置的特殊<div>元素。</div>
<div>這是一個普通的<div>元素。</div>在上面的例子中，我們給<div>添加了一個id屬性（id="specialdiv"），并在CSS樣式表中通過#id選擇器（#specialdiv）對這個id進(jìn)行樣式設(shè)置。只有id為specialdiv的<div>元素將應(yīng)用這個樣式，實際輸出的結(jié)果是一個帶有淺綠色背景、寬高為200px和100px的矩形框，而另一個普通<div>元素不受樣式設(shè)置影響。
通過以上幾個例子，我們可以看出使用CSS樣式對<div>進(jìn)行設(shè)置，可以實現(xiàn)對網(wǎng)頁布局的靈活控制。希望本教材的介紹能讓您更好地理解和應(yīng)用<div>和CSS樣式設(shè)置，提升網(wǎng)頁設(shè)計的能力。