讓table 能單雙不同顏色?

发布于 2022-09-06 21:43:45 字数 728 浏览 18 评论 0

想問一下怎麼讓table能不同顏色?
也不是說不同啦
就是

<table>
        <tr>
          <td width="100">a</td>
          <td><a></td>
        </tr>
        <tr>
          <td>b</td>
          <td><b></td>
        </tr>
        <tr>
          <td>c</td>
          <td><c></td>
        </tr>
        <tr>
          <td>d</td>
          <td><d></td>
        </tr>
        <tr>
          <td>e</td>
          <td><e></td>
        </tr>
      </table>

假設這樣

b、d......背景是#eee
雙數都是#eee

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

站稳脚跟 2022-09-13 21:43:45

对table单数和偶数分别赋值

    table tr:nth-of-type(even) {
        background: #eee;
    }
    
    table tr:nth-of-type(odd) {
        background: #aaa;
    }
嘴硬脾气大 2022-09-13 21:43:45

css

tr:nth-child(odd) {
    background: red
}
tr:nth-child(even) {
    background: blue
}
双手揣兜 2022-09-13 21:43:45

table tr:nth-child(odd) {
background-color:#eee;
}
table tr:nth-child(even) {
background-color:#fff;
}

最舍不得你 2022-09-13 21:43:45

tr:nth-child(odd) {
// 单数
}
tr:nth-child(even) {
background-color: #eee;
}

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文