表格恐怕是 Web 设计中最困难的一个对象了，感谢神秘的标记语言，有太多的细节我们需要关注了，而且表格缺乏浏览器的兼容性。虽然表格只是一个简单的元素，但是它浪费了我们大量的时间。有人甚至说，
标签是垃圾。其实表格本身并没有什么，是你自己使用的不当，把简单的事情弄的复杂了。这就是我写下本篇文章的原因，它将向你展示十个最简单表格设计方法。
准备
想必大家都知道 xhtml 1.0 strict 标准，下面是一个符合 xhtml 1.0 strict 标准的例子。
Html代码 
...
...
......
...
......
...
......
...
...在我们开始之前，温习一下所谓的使用表格的规则:
表格的宽度
根据内容，小心的设置表格的宽度，如果你不知道确切的宽度的话，设置成100%准没错。如果内容很多把表格撑的很大的时候，把表格的宽度设置的大一些肯定比小一些要好看的多。
给 td 加点 padding
虽然在表格中 td 的排列很整齐，但是这并不是说，我们要把它们排列地很紧凑，给它们点间距，这样看起来就不那么难以阅读了。
表格就是文字
阅读表格与阅读文字是很类似的，而且会花费更多的时间去理解表格。所以当表格中有金额的时候，注意它的对比度。使用柔和的颜色，使之看起来更舒服一些。总之，要使表格的风格更容易阅读，而不是相反。
好，下面我们开始进入正题。
1. 水平简约型
所谓水平表格，顾名思义，就是水平地去看表格而不是竖直地看，它每一行都代表一个实体。你可以给这种表格设置最简约的风格：简单地给单元格(td and th )设置足够的 padding ，在表头下设置2个像素的边框。
因为水平表格是被每行每行的阅读&#x
最低0.47元/天 解锁文章
1828
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
