详解关于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；
}

以上就是详解关于table的td和ul元素li隔行变色的功能实现介绍的详细内容，更多请关注其它相关文章！