CSS expression 隔行换色效果
网站建设 2021-07-03 08:42www.dzhlxh.cn网站建设
方法一是用CSS控制每一行的LI属性,如
<ul>
<li class="one"></li>
<li class="two"></li>
<li class="one"></li>
<li class="two"></li>
</ul>
然后在CSS文件里定义class属性就可以了。但是假如调用在程序里就不是很合适。所以考虑可以使用以下的代码控制。
提示:您可以先修改部分代码再运行
还有一种通过JS代码控制
提示:您可以先修改部分代码再运行
最上面的一种适合固定行数的。狼蚁网站SEO优化的适合未知行数,比如程序调用。
<ul>
<li class="one"></li>
<li class="two"></li>
<li class="one"></li>
<li class="two"></li>
</ul>
然后在CSS文件里定义class属性就可以了。但是假如调用在程序里就不是很合适。所以考虑可以使用以下的代码控制。
提示:您可以先修改部分代码再运行
还有一种通过JS代码控制
提示:您可以先修改部分代码再运行
最上面的一种适合固定行数的。狼蚁网站SEO优化的适合未知行数,比如程序调用。
上一篇:CSS 制作有弹性的日历表
下一篇:运用比较纯的CSS打造很Web2.0的按钮