HTML5技术

css随笔 - 筱米

字号+ 作者:H5之家 来源:H5之家 2017-03-12 13:01 我要评论( )

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

    微信小程序开发随笔(一) - 棉花糖_30

    2017-03-10 13:02

  • 2016-07-07 新入职的随笔 - 且行且止

    2016-07-07 新入职的随笔 - 且行且止

    2017-01-25 13:01

  • 新的项目的总结,几个随笔 - wplay

    新的项目的总结,几个随笔 - wplay

    2016-12-23 12:01

  • 第一个随笔,调试中,用的CSS3 - TheWinds

    第一个随笔,调试中,用的CSS3 - TheWinds

    2016-12-17 12:01

网友点评