• 2007-12-25

    CSS特效之:表格 - []

    网络常用的表格形式是细线表格,但是对于内容较多的显示,则容易造成视觉疲劳,较好的解决方法除了减淡表格线条颜色,增大线条和字色的对比,增大表格内tr和td属性中的padding值之外,运用无线条交替背景的表格则可以大大增强可视性。

    方法非常简单,设置table中tr的属性:

    #table tr{
    background-color:expression('#F0F0F0,#DDD'.split(',')[rowIndex%2]);
    }

    实际上是应用了js效果,如果结合调节height,padding,则可以得到视觉效果极佳的表格。

    遗憾的是,js与firefox的兼容性有限,这种效果在firefox下无法显示出来。

    此外,网上还有高手作出了更绚的表格效果感兴趣的千万别错过





    评论

发表评论