css3中怎么实现隔行变换色

css3中怎么实现隔行变换色,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

创新互联公司2013年成立,先为安平等服务建站,安平等地企业,进行企业商务咨询服务。为安平企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

代码如下:

 
 
无标题文档 
 
#list1 li:nth-of-type(odd){ background:#00ccff;}奇数行 
#list1 li:nth-of-type(even){ background:#ffcc00;}偶数行 
#list2 li:nth-child(4n+1){ background:#00ccff;}从第一行开始算起 每隔4个(包含第四个)使用此样式 
#list00000 li:nth-child(4n+2){background:#090;}从第二行开始算起 每隔4个(包含第四个)使用次样式 
#list00000 li:nth-child(4n+3){background:#009;}从第三行开始算起 每隔4个(包含第四个)使用次样式 
#list00000 li:nth-child(4n+4){background:#990;}从第四行开始算起 每隔4个(包含第四个)使用次样式 
 
 
 
   
  • 1111111客
  •  
  • 222222222222CSS3隔行换色测试
  •  
  • 333333333
  •  
  • 44444444流
  •  
  • 55555555555555
  •  
  • 66666666666666666
  •        
  • 1111111
  •  
  • 222222222222CSS3隔行换色测试
  •  
  • 333333333
  •  
  • 44444444
  •  
  • 55555555555555
  •  
  • 66666666666666666
  •    
     

    看完上述内容,你们掌握css3中怎么实现隔行变换色的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


    本文题目:css3中怎么实现隔行变换色
    网页路径:http://bzwzjz.com/article/jgddhh.html

    其他资讯

    Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
    友情链接: 营销型网站建设 重庆手机网站建设 成都模版网站建设 网站建设开发 成都网站建设 企业网站设计 网站建设 网站建设 网站建设 重庆网站建设 梓潼网站设计 企业网站设计 广安网站设计 成都网站建设公司 成都网站建设 响应式网站设计方案 阿坝网站设计 企业手机网站建设 移动手机网站制作 手机网站制作 成都做网站建设公司 企业网站设计