CSS 中我們通過設置偽類選擇器 :nth-child(even/odd) 來實現 tr 行之間的交替變色效果。

可以參考以下的代碼：

/* 設置 tr 行背景色 */
tr:nth-child(even) {background-color: #f2f2f2;}
tr:nth-child(odd) {background-color: #f7f7f7;}

代碼中的 even 和 odd 分別表示前兩行和后兩行的 tr 元素。

如果你希望在其他情況下實現交替變色效果，如應用于列表元素，可以通過交替使用不同的類名來實現。

例如：

/* HTML 代碼 */
<ul>
<li class="odd">第一條</li>
<li class="even">第二條</li>
<li class="odd">第三條</li>
<li class="even">第四條</li>
</ul>
/* CSS 代碼 */
.odd {background-color: #f2f2f2;}
.even {background-color: #f7f7f7;}

這樣就可以為每個列表項通過類名來實現交替變色效果了。