在网页中我们通常使用表格来展示一些数据，例如成绩表、财务报表等，但是默认情况下表格的样式并不美观，甚至不符合页面的风格。CSS 中提供了一些属性，通过这些属性您可以修改表格的样式，大大改善表格的外观。
1. HTML表格边框
在HTML教程部分，我们曾经使用border属性设定表格，代码如下：
<tableborder=1><thead><th>姓名</th><th>性别</th></thead><tbody><tr><td>张三</td><td>男</td></tr><tr><td>李四</td><td>女</td></tr></tbody></table>
运行结果：
其实这种方式，是不推荐使用的。因为网页设计遵循的原则，还是HTML表示内容，而CSS进行样式描述。
对于表格来说，表格的内容就是行列里的文字，而边框属于对表格外观的美化，属于样式部分，所以更适合用CSS描述。
2. CSS设定表格边框
可以利用CSS的border来为表格设定边框，代码如下：
<!DOCTYPEhtml><html><head><style>table{float:left;}.table_one{border-collapse:separate;}.table_two{margin-left:20px;border-collapse:collapse;}</style></head><body><tableclass=table_oneborder=1><tr><th>编号</th><th>姓名</th><th>年龄</th></tr><tr><td>1</td><td>张三</td><td>15</td></tr><tr><td>2</td><td>李四</td><td>11</td></tr></table><tableclass=table_twoborder=1px><tr><th>编号</th><th>姓名</th><th>年龄</th></tr><tr><td>1</td><td>张三</td><td>15</td></tr><tr><td>2</td><td>李四</td><td>11</td></tr></table></body></html>运行结果如下：
（1）table-layout：设置表格的布局算法，布局算法有两种，分别为固定表格布局算法和自动表格布局算法；
（2）border-collapse：设置表格中单元格的边框是合并在一起还是按照标准的 HTML 样式分开；
（3）border-spacing：设置当表格边框分开时，相邻两个边框在横向和纵向上的间距；
（4）caption-side：设置表格标题相对于表格的位置；
（5）empty-cells：设置当表格的单元格中没有内容时，是否显示该单元格的边框。