表格隔行换色效果

最新推荐文章于 2021-03-25 14:59:31 发布

ChEng蝶衣

最新推荐文章于 2021-03-25 14:59:31 发布

阅读量398

点赞数

文章标签： html

本文链接：https://blog.csdn.net/ChEngDieYl/article/details/78485444

版权

html

<title>无标题文档</title>
<link rel="stylesheet" href="Untitled-3.css" />
<script src="jQuery-2.1.0/jquery-2.1.0.js"></script>

<style type="text/css">
    .one{ background:#CCABB0}
    .tow{ background:#D877A2;
</style>

<script type="text/javascript">
    $(function(){

        $("tr:even").addClass("one");
        $("tr:odd").addClass("tow");

    });
</script>
</head>

<body>
<table border="1px solid red" cellspacing="0px" cellpadding="10">
    <tr class="ul">
        <td>一月</td>
        <td>二月</td>
        <td>三月</td>
    </tr>
    <tr class="ul">
        <td>四月</td>
        <td>五月</td>
        <td>六月</td>
    </tr>
    <tr class="ul">
        <td>七月</td>
        <td>八月</td>
        <td>九月</td>
    </tr>
    <tr class="ul">
        <td>十月</td>
        <td>十一月</td>
        <td>十二月</td>
    </tr>
</table>
</body>