詳解關於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中文網其他相關文章！