，我們來(lái)看一個(gè)簡(jiǎn)單的案例：
下面的代碼演示了如何使用CSS設(shè)置一個(gè)<div>元素的底色為紅色：
<div style="background-color: red;"> 這是一個(gè)紅色背景色的<div>元素。 </div>
在上述代碼中，我們使用了style屬性將CSS樣式直接添加到<div>標(biāo)簽中。其中，background-color屬性用于設(shè)置<div>元素的背景色，這里設(shè)置為紅色。
接下來(lái)，我們來(lái)看一個(gè)案例，展示如何使用CSS選擇器來(lái)設(shè)置多個(gè)<div>元素的背景色。假設(shè)我們有以下的HTML代碼：
<div class="blue-div"> 這是一個(gè)藍(lán)色背景色的<div>元素。 </div> <br> <div class="green-div"> 這是一個(gè)綠色背景色的<div>元素。 </div>
我們可以使用CSS選擇器來(lái)選擇.class為blue-div的<div>標(biāo)簽，并設(shè)置其背景色為藍(lán)色；同時(shí)，我們也可以選擇.class為green-div的<div>標(biāo)簽，并設(shè)置其背景色為綠色。下面是相應(yīng)的CSS代碼：
.blue-div {
background-color: blue;
}
<br>
.green-div {
background-color: green;
}通過(guò)上述代碼，我們可以實(shí)現(xiàn)對(duì)不同<div>元素的背景色進(jìn)行個(gè)性化的設(shè)置。
最后，我們也可以使用CSS樣式表來(lái)進(jìn)行全局的<div>背景色設(shè)置。假設(shè)我們有以下的HTML代碼：
<div> 這是一個(gè)默認(rèn)背景色的<div>元素。 </div>
我們可以將背景色的設(shè)置放在一個(gè)CSS樣式表中，以實(shí)現(xiàn)全局的<div>背景色設(shè)置。
<style>
div {
background-color: yellow;
}
</style>
<br>
<div>
這是一個(gè)全局背景色為黃色的<div>元素。
</div>通過(guò)上述代碼，我們可以看到，所有的<div>元素都會(huì)應(yīng)用樣式表中的背景色設(shè)置，將其背景色設(shè)置為黃色。
來(lái)說(shuō)，通過(guò)使用CSS樣式定制，我們可以輕松地設(shè)置<div>元素的背景色。無(wú)論是對(duì)單個(gè)元素的定制，還是使用選擇器或樣式表進(jìn)行全局設(shè)置，都可以在頁(yè)面中實(shí)現(xiàn)漂亮的背景效果。