开源,自由,平等,共享,包容,沟通

2008年9月18日星期四

符合 W3C 标准的细线表格

 
随着 W3C 标准的流行,表格标签对于我们来说已经不太常用,但 W3C 标准并没有抛弃它,这必然有它存在的合理性。

依我看来,表格最大的用途就在于数据内容的表现,确实省去了不少麻烦。

下面是表格标记的 XHTML 代码:

<table><tr><td></td></tr></table>

常用的修饰上述表格为细线表格的 CSS2 样式代码如下:

table{border:1px solid #000;border-width:1px 0 0 1px;margin:2px 0 2px 0;text-align:center;border-collapse:collapse}
td,th{border:1px solid #000;border-width:0 1px 1px 0;margin:2px 0 2px 0;text-align:left}
th{text-align:center;font-weight:600;font-size:12px;background-color:#F4F4F4}

后来发现有更简单的:

table,td,th{border:1px #000 solid;border-collapse:collapse}

注意:以上代码均通过了 W3C 验证(strict),符合标准。
 

没有评论: