HTML和CSS作為網頁的基礎，其中表格這一組件非常常用。在制作表格時，使用HTML標簽定義表的結構，同時使用CSS設置表的樣式。其中，表格的背景色也是非常重要的一項。下面來詳細介紹一下HTML和CSS如何設置表格顏色。 首先，使用HTML定義一個表格。代碼如下：

<table>
<tr>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
</tr>
<tr>
<td>小明</td>
<td>男</td>
<td>20</td>
</tr>
<tr>
<td>小紅</td>
<td>女</td>
<td>22</td>
</tr>
</table>

使用上述代碼可以創建一個簡單的表格，并填充一些數據。 接下來，使用CSS設置表格的背景色。代碼如下：

<style>
table {
background-color: #F8F8F8;
}
th {
background-color: #888;
color: #FFF;
}
td {
background-color: #CCC;
}
</style>

上述代碼可以實現以下功能： - 設置整個表格的背景色為淺灰色 - 設置表頭（即th標簽）的背景色為深灰色，字體顏色為白色 - 設置表格中單元格的背景色為灰色 在上述代碼中，可以看到使用了background-color屬性來設置背景色。通過這個屬性可以使用顏色的英文名、十六進制色值或者rgb色值來設置顏色。 通過上述設置，可以看到我們已經成功的為表格設置了背景色。對于不同的應用場景和需求，表格顏色的設置有很多種，高級應用可以結合JavaScript來實現動態的表格顏色設置，這里就不再展開了。總的來說，使用HTML和CSS來設計和美化表格的能力是很重要的，也是必備技能之一。