在初学HTML5/CSS3的时候我们会接触到列表table的常见属性，但是隔行变色不容易接触到！下面我们可以通过CSS样式来实现列表隔行变色的效果！
html代码如下：
| 姓名 | 性别 | 工号 | 部门 | 邮箱 | 电话 |
|---|---|---|---|---|---|
| 张三 | 男 | 3462 | 产品部 | 9383845@qq.com | 2467432 |
| 张三 | 男 | 3462 | 产品部 | 9383845@qq.com | 2467432 |
| 张三 | 男 | 3462 | 产品部 | 9383845@qq.com | 2467432 |
| 张三 | 男 | 3462 | 产品部 | 9383845@qq.com | 2467432 |
| 张三 | 男 | 3462 | 产品部 | 9383845@qq.com | 2467432 |
CSS样式如下：
table{width:600px;border:none;border-collapse:collapse}
td,th{border:1px solid #000;text-align:center;height:40px}
table tr:nth-child(even){background:#f2f2f2;color:#000}
table tr:nth-child(1){background:#fff;color:#000;font-weight:bold}
热门相关搜索
路由器设置
木托盘
宝塔面板
儿童python教程
心情低落
朋友圈
vim
双一流学科
专升本
我的学校
日记学校
西点培训学校
汽修学校
情书
化妆学校
塔沟武校
异形模板
西南大学排名
最精辟人生短句
6步教你追回被骗的钱
南昌大学排名
清朝十二帝
北京印刷学院排名
北方工业大学排名
北京航空航天大学排名
首都经济贸易大学排名
中国传媒大学排名
首都师范大学排名
中国地质大学(北京)排名
北京信息科技大学排名
中央民族大学排名
北京舞蹈学院排名
北京电影学院排名
中国戏曲学院排名
河北政法职业学院排名
河北经贸大学排名
天津中德应用技术大学排名
天津医学高等专科学校排名
天津美术学院排名
天津音乐学院排名
天津工业大学排名
北京工业大学耿丹学院排名
北京警察学院排名
天津科技大学排名
北京邮电大学(宏福校区)排名
北京网络职业学院排名
北京大学医学部排名
河北科技大学排名
河北地质大学排名
河北体育学院排名
名师互学网 版权所有 (c)2021-2022 ICP备案号：晋ICP备2021003244-6号
