Rumah  >  Artikel  >  hujung hadapan web  >  详解关于table的td和ul元素li隔行变色的功能实现介绍

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

高洛峰
高洛峰asal
2017-03-10 19:22:052357semak imbas

这篇文章详解关于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;
}

 


Atas ialah kandungan terperinci 详解关于table的td和ul元素li隔行变色的功能实现介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn