<div>表格顏色是指在HTML中使用<div>標簽創建的表格中設置背景顏色的方法。通過給表格的<div>元素添加適當的樣式，可以改變表格的外觀，提高頁面的可讀性和視覺吸引力。下面將通過幾個代碼案例詳細介紹如何使用<div>標簽為表格設置背景顏色。

第一個案例是使用內聯樣式為表格設置背景顏色：

<p>< div style="background-color: lightblue;">
< table >
< tr >
< th >表頭1</ th >
< th >表頭2</ th >
</ tr >
< tr >
< td >數據1</ td >
< td >數據2</ td >
</ tr >
< tr >
< td >數據3</ td >
< td >數據4</ td >
</ tr >
< / table >
< / div ></ p >

在這個案例中，我們使用了<div>標簽包裹整個表格，并在<div>標簽中使用style屬性添加了背景顏色樣式。這里的background-color屬性設置了背景顏色為lightblue。這樣一來，整個表格的背景顏色就變成了lightblue。

第二個案例是使用內部樣式為表格設置背景顏色：

<p>< style >
.my-table {
background-color: lightgray;
}
< / style >
<br>
< div class="my-table" >
< table >
< tr >
< th >表頭1</ th >
< th >表頭2</ th >
</ tr >
< tr >
< td >數據1</ td >
< td >數據2</ td >
</ tr >
< tr >
< td >數據3</ td >
< td >數據4</ td >
</ tr >
< / table >
< / div ></ p >

在這個案例中，我們使用了內部樣式。，在<style>標簽中定義了一個名為.my-table的類，然后在<div>標簽中使用class屬性將該類應用于表格。這樣一來，表格的背景顏色就會被設置為lightgray。

第三個案例是使用外部樣式表為表格設置背景顏色：

<p>< link rel="stylesheet" href="my-style.css" />
<br>
< div class="my-table" >
< table >
< tr >
< th >表頭1</ th >
< th >表頭2</ th >
</ tr >
< tr >
< td >數據1</ td >
< td >數據2</ td >
</ tr >
< tr >
< td >數據3</ td >
< td >數據4</ td >
</ tr >
< / table >
< / div ></ p >

在這個案例中，我們使用外部樣式表來為表格設置背景顏色。，我們在HTML文件中使用<link>標簽引入了一個名為my-style.css的外部樣式表文件。然后，在my-style.css文件中定義了.my-table類的樣式，其中包括設置背景顏色為lightgray的規則。最后，在<div>標簽中使用class屬性將.my-table類應用于表格。這樣一來，表格的背景顏色就會被設置為lightgray。

通過以上的案例，我們可以看到通過<div>標簽和適當的樣式設置，我們可以改變表格的背景顏色，使其更加美觀和易讀。使用內聯樣式、內部樣式或外部樣式表都可以實現這個效果，具體使用哪種方式取決于個人的需求和項目的情況。