在網(wǎng)頁(yè)設(shè)計(jì)中，CSS（層疊樣式表）是一個(gè)非常重要的工具，它可以實(shí)現(xiàn)很多視覺(jué)效果。其中一個(gè)非常實(shí)用的功能是將背景顏色每一行變一個(gè)。下面我們就來(lái)看看如何實(shí)現(xiàn)這個(gè)效果。

/* CSS 代碼 */
body {
background-color: white;
}
p:nth-child(2n+1) {
background-color: lightgray;
}

首先，在這個(gè)例子中我們以白色作為頁(yè)面的背景色。然后，我們使用 CSS 選擇器 :nth-child() 來(lái)控制哪些行需要變色。這個(gè)選擇器可以為匹配到的子元素設(shè)置樣式。在這個(gè)例子中，我們使用了 2n+1 來(lái)表示奇數(shù)行。也就是選擇 p 標(biāo)簽的第 1、3、5、7 行等等。

接下來(lái)，我們使用 background-color 屬性來(lái)為這些奇數(shù)行設(shè)置背景顏色為淺灰色（lightgray）。由于 background-color 是 CSS 中的常用屬性之一，這里就不再贅述了。

總結(jié)一下，我們可以使用 CSS 選擇器 :nth-child() 和 background-color 屬性來(lái)實(shí)現(xiàn)背景顏色每一行變一個(gè)的效果。這個(gè)效果可以為頁(yè)面增加一些視覺(jué)上的變化，從而增強(qiáng)用戶的閱讀體驗(yàn)。