为了账号安全,请及时绑定邮箱和手机立即绑定

使用CSS替代表格行颜色?

使用CSS替代表格行颜色?

慕哥9229398 2019-08-09 11:23:46
使用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使行具有“斑马条纹”?
查看完整描述

3 回答

?
拉丁的传说

TA贡献1789条经验 获得超8个赞

只需将以下内容添加到您的html代码中(随附<head>),您就完成了。

HTML:

<style>
      tr:nth-of-type(odd) {
      background-color:#ccc;
    }</style>

比jQuery示例更容易,更快捷。


查看完整回答
反对 回复 2019-08-09
  • 3 回答
  • 0 关注
  • 359 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信