手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >2种方法实现CSS LI隔行换色
2种方法实现CSS LI隔行换色
摘要:CSS隔行变色使用率挺高的,今天抽空写了这篇简短的教程,教给CSS不顺手的初级学者两种方法实现CSS的隔行换色功能。大家知道,隔行换色的对象...

 CSS隔行变色使用率挺高的,今天抽空写了这篇简短的教程,教给CSS不顺手的初级学者两种方法实现CSS的隔行换色功能。大家知道,隔行换色的对象一般是TABle或Li,Table就不说了,个人觉得已经过时了,主要来说下CSS Li的隔行换色,直接放代码吧。

第一种方法:

2种方法实现CSS LI隔行换色1

这种方法看上去是纯CSS,不过这里使用了expression,等同于半个JavaScript,这种方法简单,不过CSS的expression貌似存在一些兼容性问题,所以这个功能仅用于看重IE的用户。

第二种方法:CSS和JS结合:

2种方法实现CSS LI隔行换色2

【2种方法实现CSS LI隔行换色】相关文章:

CSS+DIV实现鼠标经过背景变色

纯CSS定义双色文字

纯css实现的tab切换效果

CSS改变文字被选择时的背景颜色

用CSS实现表格背景颜色渐变效果

8个简单实用的CSS秘诀

如何在两个div之间进行切换

纯CSS代码实现翻页

CSS:div 实现长英文字母自动换行CSS

用CSS实现简单的进度条

精品推荐
分类导航