详解关于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隔行变色的功能实现介绍的详细内容。更多信息请关注PHP中文网其他相关文章！