详解关于table的td和ul元素li隔行变色的功能实现介绍
- 高洛峰原创
- 2017-03-10 19:22:052299浏览
这篇文章详解关于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；
}
以上是详解关于table的td和ul元素li隔行变色的功能实现介绍的详细内容。更多信息请关注PHP中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
上一篇：css实现背景透明和文字不透明方法下一篇：分析CSS常见兼容性问题的总结