表格 Table 可以说是网页中最难装饰打扮的对象之一,主要是因为 CSS 标记语言本身晦涩难懂、需要考虑的细节又极其多、还经常遇到在不同浏览器上的兼容性问题。就算是个很简单的表格也可能需要花费很多时间。这篇文章就是为了介绍十种很容易部署的表格 CSS 样式设计。
英文原文的作者是 R. Christie,访问原文或者需要就表格样式问题向作者提问,请点击这里。可以查看效果展示,或者下载源文件。
目录 Contents1 写在最前的话2 1. 水平简约设计3 2. 竖式简约设计4 3. 盒式表格4.1 4. Horizontal Zebra4.2 5. Vertical Zebra Style4.3 6. One Column Emphasis4.4 7. Newspaper4.5 8. Rounded Corner4.6 9. Table Background4.7 10. Cell Background4.8 Final Words写在最前的话¶我们从 valid xhtml 1.0 strict 标记开始。下面是一个有效表格标记的样例:
...... ... .........关于 xhtml 表格标记语言,可以阅读 W3School 上的 CSS 表格。