【问题标题】:Color every second row of the table [duplicate]表格的每隔两行着色[重复]
【发布时间】:2015-12-28 07:53:13
【问题描述】:

我需要对表格中的每一行进行着色。 我希望它看起来像所附图片 任何想法如何做到这一点?

【问题讨论】:

    标签: html css


    【解决方案1】:

    奇偶规则

    提高大表可读性的一种方法是为交替行着色。例如,下表的偶数行为浅灰色背景,奇数行为白色。规则非常简单:

    CSS:

    tr:nth-child(even) {background: #CCC}
    tr:nth-child(odd) {background: #FFF}
    

    Check here google 1st result

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-02-03
      • 2021-11-05
      • 1970-01-01
      • 1970-01-01
      • 2022-11-01
      • 2023-03-10
      相关资源
      最近更新 更多