在網(wǎng)頁(yè)制作中，表格是非常常用的元素之一。而如何美化表格，為其增色添彩，是一項(xiàng)不可忽視的工作。下面介紹一種常用的css表格變色方法。

table {
border-collapse: collapse;
}
table tr:nth-child(even) {
background-color: #f2f2f2;
}
table tr:hover {
background-color: #ddd;
}

首先，我們需要為表格設(shè)置border-collapse: collapse;這樣，表格中的單元格邊框就不會(huì)重疊了，顯得更加整潔。

接下來，我們使用偽類選擇器:nth-child(even)，選中表格中的偶數(shù)行，并設(shè)置其背景顏色為淡灰色，使表格的奇偶行顏色有所區(qū)分。

最后，在table tr:hover中，我們使用 :hover 偽類，選中鼠標(biāo)懸停的行，并將其背景顏色設(shè)置為淺灰色，以達(dá)到鼠標(biāo)懸停時(shí)高亮當(dāng)前行的效果。

上述代碼使用簡(jiǎn)單，但效果明顯，為表格增加了一份簡(jiǎn)單而不失美感的變化。