html表格交替颜⾊,⽤CSS和表格代码实现每⾏交替颜⾊的效果
好看的css代码⽐较
⽤CSS写出表格每⾏交替颜⾊的效果
关于⽤CSS定义,来表现出表格每⾏不同的颜⾊,⽤来区分每⾏数据,⽅便阅读。其中有的是利⽤IE的BUG,在CSS⾥⾯添加动态的内容,IE会解析它,这个先不谈,因为和主题没有关系。
还看到⼏个很简单的⽅法,利⽤给不同的标签不同的背景⾊达到效果,先看这个⽅法的CSS
以下为引⽤的内容:
th {font-weight: normal; text-align:left; background: #CCCCCC}
td {background: #FAFAFA}
页⾯代码
以下为引⽤的内容:
第⼀个颜⾊
第⼆个颜⾊
第⼀个颜⾊
第⼆个颜⾊
第⼀个颜⾊
第⼆个颜⾊
利⽤td和th,分别给予不同的背景⾊,来达到效果。但是,每个标签都有⾃⼰特殊的含义,如果⽤这个⽅法只是来分割数据,⽅便查看,那么th就失去它原本的意义,th它代表⼀列的主题,⽽在这⾥它只是为了赋予表格每⼀⾏不同的背景⾊。
web标准化,很重要的⼀点就是标签的语义化,这⾥只是想说这个⽅法确实⽐较巧妙,运⽤起来很简单,但违背了标准化最基本的东西,如果你不在乎,你完全可以这么⽤,甚⾄可以通过验证。
关于语义化的内容,以后肯定会提到很多,这⾥只是偶然看到了,然后开个头。
⿏标经过时改变背景颜⾊或图⽚
可以⽤于table的td,也可以⽤在div上,类似IBM的效果
⿏标经过时改变背景颜⾊
以下为引⽤的内容:
ihandu
⿏标经过时改变背景图⽚
以下为引⽤的内容:
ihandu
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论