当前位置:Gxlcms > css > 详解关于table的td和ul元素li隔行变色的功能实现介绍

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

时间:2021-07-01 10:21:17 帮助过:76人阅读

这篇文章详解关于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隔行变色的功能实现介绍的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行