您好,欢迎来到凌优教育。
搜索
您的当前位置:首页详解关于table的td和ul元素li隔行变色的功能实现介绍

详解关于table的td和ul元素li隔行变色的功能实现介绍

来源:凌优教育


这篇文章详解关于table的td和ul元素li隔行变色的功能实现介绍

table元素的td和ul元素li隔行变色的功能实现

利用css控制二者的样式轻松实现隔行换色:

例如:table的css样式控制:

table tr td{
 background-color:颜色1
}
table tr td:nth-child(2n+1){
 background-color:颜色2
}
ul的li样式控制
ul li{
 background-color:颜色1;
}
ul li:nth-child(2n+1){
 background-color:颜色2;
}

Copyright © 2019- linuxxuexi.com 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务