<div 填充顏色是HTML中一種用于為頁面元素設置背景顏色的方法。通過該方法，可以將任何HTML元素的背景顏色進行設置，從而使頁面在視覺上更加豐富多彩。下面將通過幾個代碼案例詳細解釋和演示如何使用<div 填充顏色。

，我們來看一個簡單的例子，在頁面中使用<div>標簽并設置背景顏色的方法：

<div style="background-color: red;">
這是一個紅色背景的<div>元素。
</div>

在上面的代碼中，我們使用了style屬性來設置<div>元素的背景顏色，其中background-color屬性用于指定背景顏色。在這個例子中，背景顏色被設置為紅色，效果如下：

<div style="background-color: red;"> 這是一個紅色背景的<div>元素。 </div>

除了使用內聯樣式，我們也可以通過CSS樣式表來實現<div 填充顏色。下面是一個使用CSS樣式表的例子：

<style>
.red-background {
background-color: red;
}
</style>
<br>
    <div class="red-background">
這是一個紅色背景的<div>元素。
</div>

在上面的代碼中，我們使用了一個CSS樣式表，并定義了一個名為red-background的類，該類用于設置背景顏色為紅色的樣式。然后，我們在<div>元素中添加了該類，從而使它的背景顏色變為紅色：

<style> .red-background { background-color: red; } </style>
<div class="red-background"> 這是一個紅色背景的<div>元素。 </div>

此外，我們還可以通過CSS樣式表的id選擇器來控制<div>元素的背景顏色。下面是一個使用id選擇器的例子：

<style>
#blue-background {
background-color: blue;
}
</style>
<br>
    <div id="blue-background">
這是一個藍色背景的<div>元素。
</div>

在上面的代碼中，我們使用了一個CSS樣式表，并定義了一個id選擇器blue-background，該選擇器用于設置背景顏色為藍色的樣式。然后，我們在<div>元素中添加了該id，從而使它的背景顏色變為藍色：

<style> #blue-background { background-color: blue; } </style>
<div id="blue-background"> 這是一個藍色背景的<div>元素。 </div>

通過上述代碼案例的演示，我們了解了如何使用<div 填充顏色的方法，無論是通過內聯樣式、CSS樣式表的類選擇器還是id選擇器，都能實現為<div>元素設置不同背景顏色的效果，從而使頁面更加豐富多樣。