• 求一段CSS样式代码;要求是Table的标签样式,实现Table标签奇数行显示一个颜色;偶数行显示另外一种颜色


     转载:http://zhidao.baidu.com/question/255951942.html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <title>Test</title>
    <style type="text/css">
    tr
    {
    background
    :#FF3;
    }
    tr:nth-child(2n)
    {
    background
    :#6F9;
    }
    tr
    {
    background-color
    : expression((this.sectionRowIndex % 2 == 0) ? "#FF3" : "#6F9" );
    }

    </style>
    </head>
    <body>
    <table>
    <tr><td>这是奇数行</td></tr>
    <tr><td>这是偶数行</td></tr>
    <tr><td>这是奇数行</td></tr>
    <tr><td>这是偶数行</td></tr>
    <tr><td>这是奇数行</td></tr>
    <tr><td>这是偶数行</td></tr>
    <tr><td>这是奇数行</td></tr>
    <tr><td>这是偶数行</td></tr>
    <tr><td>这是奇数行</td></tr>
    <tr><td>这是偶数行</td></tr>
    <tr><td>这是奇数行</td></tr>
    <tr><td>这是偶数行</td></tr>
    <tr><td>这是奇数行</td></tr>
    <tr><td>这是偶数行</td></tr>
    <tr><td>这是奇数行</td></tr>
    <tr><td>这是偶数行</td></tr>
    </table>
    </body>
    </html>

    Test

    这是奇数行
    这是偶数行
    这是奇数行
    这是偶数行
    这是奇数行
    这是偶数行
    这是奇数行
    这是偶数行
    这是奇数行
    这是偶数行
    这是奇数行
    这是偶数行
    这是奇数行
    这是偶数行
    这是奇数行
    这是偶数行
  • 相关阅读:
    单调队列+二分 G
    dp cf 1700 最近几天的刷题
    dp 20190618
    dp 20190617
    dp cf 20190615
    dp cf 20190614
    powercli
    zabbix docker-weixin
    cenetos-大文件排序
    esxcli命令
  • 原文地址:https://www.cnblogs.com/suizhikuo/p/2331852.html
Copyright © 2020-2023  润新知