【table行换颜色】点击移动table切换颜色

最新推荐文章于 2023-12-26 14:58:53 发布

Along's chang

最新推荐文章于 2023-12-26 14:58:53 发布

阅读量636

点赞数 2

分类专栏：日常问题文章标签： javascript html5 css

本文链接：https://blog.csdn.net/Hitachi231/article/details/124558023

版权

首先头文件定义样式，我的比较挫 table { border-collapse: collapse; margin: 0 auto; text-align: center; width: 90% } table td, table th { border: 1px solid #cad9ea; color:...

摘要由CSDN通过智能技术生成

首先头文件定义样式，我的比较挫

        table {
            border-collapse: collapse;
            margin: 0 auto;
            text-align: center;
            width: 90%
        }

        table td, table th {
            border: 1px solid #cad9ea;
            color: #666;
            height: 30px;
        }

        table thead th {
            background-color: #CCE8EB;
            width: 100px;
        }

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

        table tr:nth-child(even) {
            background: #fafafa;
        }

        /*js实现*/
        /*table tr:hover, */
        table tr.hilite {
            background: #f5f7fa;
        }

        table tr.select {
            background: #8896b3;
        }

        table tr#select td {
            background: #8896b3;
            color: #fff;
        }

html中定义我们的表格

<body>
<table class="tab

最低0.47元/天解锁文章

Along's chang

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
【table行换颜色】点击移动table切换颜色

首先头文件定义样式，我的比较挫 table { border-collapse: collapse; margin: 0 auto; text-align: center; width: 90% } table td, table th { border: 1px solid #cad9ea; color:...
复制链接

扫一扫