分类信息程序

网页基础

CSS实现table元素的td和ul元素li隔行变色

2017-3-11 23:44:06网页基础

摘要:利用css控制二者的样式轻松实现隔行换色:例如:table的css样式控制:table tr td{ background-color:颜色1}table tr td:nth-child(2n+1){ background-color:颜色

分享到:



利用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;

}