打印本文 关闭窗口 | ||||
CSS实现网页中的隔行换色代码 | ||||
作者:陈鹏 文章来源:eNet 点击数 更新时间:2009/9/12 8:46:04 文章录入:陈鹏 责任编辑:陈鹏 | ||||
|
||||
以前在Dreamweaver中用表格布局网页的时候常常用到一种设计手法--隔行换色。也就是新闻列表或是列表类的每隔一行就换另一个色彩这样显得很漂亮也很合适阅读。所以这种手法被广大的设计师们收入囊中作为自己的又一把工具刀。但是随着网页标准浪潮的来袭,这种设计效果慢慢变得没有了,原因主要是来自于标准化后的这种效果的实现上。 由于标准后我们都用UL来代替了表格,代码虽然少了很多,但是好像效果也随之少了。隔行换色也遇到了瓶颈。曾采用过CLASS方式来进行隔行换色:
这种设想在网页标准研究联盟中得到了反驳,认为样式的事没必要用行为去实现,并且用JS来实现的效果并不一定有CSS来解决的好。但这种效果实践后发现,可以用大背景实现。什么叫大景实现呢,意思就是说通过在父级设定背景从而使得当前级得到隔行换色或是隔N行换N色。
|
||||
打印本文 关闭窗口 |