CSS表格單行顏色的設(shè)置是一個(gè)很常見(jiàn)的需求。有時(shí)候我們需要將表格中的每一行設(shè)置成不同的顏色，以增加表格的可讀性和美觀性。下面就來(lái)介紹幾種實(shí)現(xiàn)方式。

/* 方法一：使用:nth-of-type選擇器 */
table tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
table tr:nth-of-type(even) {
background-color: #fff;
}
/* 方法二：使用:odd和:even選擇器 */
table tr:odd {
background-color: #f9f9f9;
}
table tr:even {
background-color: #fff;
}
/* 方法三：使用類(lèi)名 */
table tr.odd-row {
background-color: #f9f9f9;
}
table tr.even-row {
background-color: #fff;
}

以上幾種方法都可以實(shí)現(xiàn)表格單行顏色的設(shè)置。方法一和方法二使用了偽類(lèi)選擇器，方法三則需要在HTML中手動(dòng)添加類(lèi)名，但是代碼可讀性更好。選擇哪種方式，完全由個(gè)人喜好決定。