| td.nobg | th col | th col | th col |
|---|---|---|---|
| th.spec row | td | td | td |
| th.specalt row | td.alt | td.alt | td.alt |
| th.spec row | td | td | td |
| th.specalt row | td.alt | td.alt | td.alt |
这个表格的样式设计比飞龙自己设计的表格更规范,学到的table表格相关知识也更全面。演示地址:http://feilong.org/code/good-table-css2 你只需把本table演示页面另存到本地电脑再打开即可分析学习。这是该表格的详细文字说明,更新网址:http://feilong.org/good-table-css2 飞龙2009年8月11日第1次修订。
数据单元格的边框样式设计,一般是:上一行的列(td)有右下边框,下一行交替列(td.alt)也有td的右下边框并附加了背景色(.alt)。这样设计避免了边框重叠变粗。整个数据单元格(td与td.alt)的残缺部分被th的上右下 边框、以及.spec与.specalt的左边框 给补完整了。这种做法比飞龙设计更复杂,但合理区分字段单元格和数据单元格,并产生了行与行之间的交替变化。
博主:飞龙.org
更新:http://feilong.org/good-table-css2
加入收藏夹,查看更方便,记住了feilong.org