<div>元素是HTML中的一個重要標簽，用于定義文檔中的一個分割區域或一個區塊。除了用來分割區域外，<div>元素還可以通過CSS樣式來改變其外觀。其中一個最常見的改變就是改變<div>的背景色。本文將通過幾個代碼案例來詳細解釋如何使用CSS改變<div>的背景色。
第一個案例是使用內聯樣式來改變<div>的背景色。通過在<div>標簽中添加style屬性，并設置其值為"background-color: red;"，可以將<div>的背景色設置為紅色。以下是代碼示例：

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

第二個案例是使用內部樣式表來改變<div>的背景色。在HTML文檔中，可以使用<style>標簽來定義內部樣式表。通過在<style>標簽中添加選擇器為<div>的樣式規則，并設置其背景色為綠色，可以將<div>的背景色設置為綠色。以下是代碼示例：

<style>
div {
background-color: green;
}
</style>
<br>
<div>
<p>這是一個綠色背景的<div>元素</p>
</div>

第三個案例是使用外部樣式表來改變<div>的背景色。外部樣式表是放置在獨立的.css文件中的樣式規則，可以在多個HTML文件中共享和重復使用。通過在外部樣式表中添加選擇器為<div>的樣式規則，并設置其背景色為藍色，可以將<div>的背景色設置為藍色。以下是代碼示例：

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

通過以上幾個案例的代碼示例，我們可以看到如何使用CSS來改變<div>的背景色。無論是使用內聯樣式、內部樣式表還是外部樣式表，都可以輕松地將<div>的背景色改變為所需的顏色。這種靈活性使得<div>成為我們設計和美化頁面布局時的重要工具。希望本文能幫助讀者更好地理解和運用<div>元素以及CSS樣式來改變其顏色。