使用CSS的可选表行颜色?

我使用的表与此交替的行颜色。


tr.d0 td {

  background-color: #CC9999;

  color: black;

}

tr.d1 td {

  background-color: #9999CC;

  color: black;

}

<table>

  <tr class="d0">

    <td>One</td>

    <td>one</td>

  </tr>

  <tr class="d1">

    <td>Two</td>

    <td>two</td>

  </tr>

</table>

在这里我用课堂tr,但我只想用在table..当我在表中使用类时,请在tr另一种选择。

我能用CSS像这样写我的HTML吗?

<table class="alternate_color">
    <tr><td>One</td><td>one</td></tr>
    <tr><td>Two</td><td>two</td></tr>
    </table>

如何使用CSS使行具有“斑马条纹”?


Qyouu
浏览 376回答 3
3回答

Cats萌萌

只需将以下内容添加到html代码中(使用<head>)你就完蛋了。HTML:<style> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;tr:nth-of-type(odd)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;background-color:#ccc; &nbsp;&nbsp;&nbsp;&nbsp;}</style>比jQuery示例更简单、更快。
打开App,查看更多内容
随时随地看视频慕课网APP