css相邻两行颜色不同 |css彻底设计研究 源码

p:nth-child(even){
background-color: #f2f2f2;
}
p:nth-child(odd){
background-color: #d7d7d7;
}

上述代码中，通过使用:nth-child选择器来选中偶数行和奇数行，然后分别给它们设置不同的背景颜色即可实现相邻两行颜色不同的效果。

使用这种技巧可以在一定程度上提高网页排版的效率和美观程度。