为奇偶行添加样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<!-- 隔行添加背景颜色 -->
<style>
.container p {
    background-color: #fff; /* 默认白色 */
}
 
/* 奇数行（从0开始计算） */
.container p:nth-child(odd) {
    background-color: #f5f5f5; /* 设置为浅灰色或其他颜色 */
}
 
/* 偶数行 */
.container p:nth-child(even) {
    background-color: #eaeaea; /* 设置为更深的灰色或其他颜色 */
}
</style>
<!-- 隔行添加背景颜色 -->