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隔行变色的功能实现 利用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
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
}
1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。
相关文章微信小程序开发随笔(一) - 棉花糖_30
2017-03-10 13:02
2016-07-07 新入职的随笔 - 且行且止
2017-01-25 13:01
新的项目的总结,几个随笔 - wplay
2016-12-23 12:01
第一个随笔,调试中,用的CSS3 - TheWinds
2016-12-17 12:01
网友点评
精彩导读
热门资讯
关注我们