在CSS表格中实现隔行换色效果

 

 

         表格背景可以用颜色或图片,这样可以可以使表格看起来不那么单一,我们可以让其每一行的颜色发生改变,使用nth-of-type(odd)和nth-of-type(even)会有两种不同的效果。

odd   :匹配所有索引值为奇数的元素,从 0 开始计数.查找表格的2、4、6行(即索引值1、3、5...)

代码如下:

在css表格中实现隔行换色效果


效果如下:

在css表格中实现隔行换色效果

even  :匹配所有索引值为偶数的元素,从 0 开始计数.查找表格的1、3、5...行(即索引值0、2、4...)

代码如下:

在css表格中实现隔行换色效果

 


效果如下:

在css表格中实现隔行换色效果

 

 

相关文章:

  • 2022-12-23
  • 2022-01-16
  • 2021-10-22
  • 2022-12-23
  • 2021-11-14
  • 2021-12-13
  • 2021-11-02
  • 2022-12-23
猜你喜欢
  • 2021-09-15
  • 2021-10-31
  • 2021-07-08
  • 2021-11-18
  • 2021-08-07
  • 2021-07-29
  • 2022-12-23
相关资源
相似解决方案