在網(wǎng)頁(yè)設(shè)計(jì)中，表格是一種常見(jiàn)的元素。為了增強(qiáng)表格的可讀性，我們經(jīng)常會(huì)交替改變表格的背景色。那么，如何用CSS來(lái)實(shí)現(xiàn)這個(gè)效果呢？
首先，我們使用HTML代碼創(chuàng)建一個(gè)簡(jiǎn)單的表格：

<table>
<tr>
<th>編號(hào)</th>
<th>姓名</th>
<th>性別</th>
</tr>
<tr>
<td>1</td>
<td>張三</td>
<td>男</td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td>女</td>
</tr>
<tr>
<td>3</td>
<td>王五</td>
<td>男</td>
</tr>
</table>

接著，我們使用CSS來(lái)對(duì)表格進(jìn)行樣式設(shè)置。首先，我們?yōu)楸砀竦呐紨?shù)行設(shè)置背景色：

<style>
table tr:nth-child(even) {
background-color: #f2f2f2;
}
</style>

上面的代碼中，:nth-child(even)表示選擇表格中的偶數(shù)行，background-color屬性用來(lái)設(shè)置背景色。我們將偶數(shù)行的背景色設(shè)置為#f2f2f2。
緊接著，我們?cè)贋楸砀竦钠鏀?shù)行設(shè)置背景色：

<style>
table tr:nth-child(even) {
background-color: #f2f2f2;
}
table tr:nth-child(odd) {
background-color: #eaeaea;
}
</style>

上面的代碼中，:nth-child(odd)表示選擇表格中的奇數(shù)行，我們將奇數(shù)行的背景色設(shè)置為#eaeaea。
最終的效果如下圖所示：
通過(guò)這種方法，我們可以輕松地實(shí)現(xiàn)表格交替背景色的效果。需要注意的是，這種方法對(duì)于一些舊版本的瀏覽器可能不兼容，因此建議在使用之前進(jìn)行兼容性測(cè)試。