CSS奇偶行換色是一種簡單易用的技巧，可以讓表格、列表等頁面元素的排版更加清晰、美觀。在這篇文章里，我們將介紹如何使用CSS來實現奇偶行換色。

/* 奇偶行換色 */
/* 表格奇偶行換色 */
table tr:nth-child(odd) {
background-color: #f2f2f2;
}
table tr:nth-child(even) {
background-color: #ffffff;
}
/* 列表奇偶行換色 */
ul li:nth-child(odd) {
background-color: #f2f2f2;
}
ul li:nth-child(even) {
background-color: #ffffff;
}

以上代碼為實現奇偶行換色的常用方法。我們將其應用到表格和列表上的效果如下：

編號
姓名
年齡
1
小明
18
2
小紅
20
3
小剛
19
4
小美
21
蘋果
香蕉
梨子
桃子

通過上述代碼，我們可以看到，奇數行和偶數行的背景色分別被設置成了不同的顏色，使得頁面的列表或表格更具可讀性。