CSS 中的 li 隔行變色是制作列表時非常常用的技巧，其優點是可以讓列表更加易讀、清晰。接下來，我們將使用 CSS 的 nth-child 選擇器來實現 li 隔行變色，下面是代碼：

ul li:nth-child(even){
background-color: #f2f2f2;
}
ul li:nth-child(odd){
background-color: #ffffff;
}

以上代碼的意思是，對于 ul 包含的每個 li 元素，如果它是偶數項，就給它設置淺灰色的背景色；如果是奇數項，則設置為白色背景。

如果你想使用不同的顏色或者效果，只需要在 CSS 代碼中修改相關屬性即可。比如，如果想設置為交替的底紋效果，可以使用 background-image 屬性實現如下：

ul li:nth-child(odd){
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e5e5e5 100%);
}
ul li:nth-child(even){
background-image: linear-gradient(to bottom, #e5e5e5 0%, #f5f5f5 100%);
}

如此一來， li 列表就實現了清晰的隔行顯示效果，使得瀏覽者更加易于閱讀。是不是很簡單？趕緊去試一下吧！