HTML表格的外观可以用CSS大大提高：
| 公司 | 联系 | 国家 |
|---|---|---|
| 艾尔弗雷德Futterkiste | 玛丽亚·安德斯 | 德国 |
| Berglunds snabbkop | 克里斯蒂娜·伯格伦德 | 瑞典 |
| 商业中心蒙特祖玛 | 弗朗西斯科昌 | 墨西哥 |
| 恩斯特·亨德尔 | 罗兰·孟德尔 | 奥地利 |
| 洲商贸 | 海伦·贝内特 | 联合王国 |
| Koniglich埃森 | 菲利普·克拉默 | 德国 |
| 巴克斯笑Winecellars | 耀西Tannamuri | 加拿大 |
| MAGAZZINI ALIMENTARI里尤尼蒂纺织厂 | 乔瓦尼·罗韦利 | 意大利 |
表格边框
在CSS指定表格边框，使用border属性。
下面的例子指定了一个黑色边框<table> <th>和<td>元素：
请注意，在上面的例子中，表中有双重的边界。 这是因为这两个表和<th>和<td>元件具有单独的边界。
折叠表格边框
在border-collapse属性设置表格的边框是否应折叠成一个单一的边框：
如果你只是想围着桌子边框，只指定border财产<table>
表宽度和高度
宽度和一个表中的高度被定义width和height属性。
下面的示例表以100％的宽度和的高度设置<th>元素50px的：
水平对齐
该text-align属性设置水平对齐的内容（比如左，右，或中心） <th>或<td>
默认情况下，内容<th>元素居中对齐和含量<td>元素左对齐。
下面的例子中左对齐文本<th>元素：
垂直对齐
该vertical-align属性设置垂直取向（例如顶部，底部或中间）中的内容<th>或<td>
默认情况下，在一个表中的内容的垂直对齐是中间（对于<th>和<td>元素）。
下面的示例设置垂直文本对齐到下<td>元素：
填充表
为了控制边界，并在表中的内容之间的空间，使用padding物业<td>和<th>元素：
水平分隔线
| 名字 | 姓 | 储 |
|---|---|---|
| 彼得 | 格里芬 | $ 100个 |
| 洛伊丝 | 格里芬 | $ 150 |
| 乔 | 斯旺森 | $ 300 |
添加border-bottom属性<th>和<td>的水平分隔线：
Hoverable表
使用:hover在选择<tr>上鼠标选中表格行：
| 名字 | 姓 | 储 |
|---|---|---|
| 彼得 | 格里芬 | $ 100个 |
| 洛伊丝 | 格里芬 | $ 150 |
| 乔 | 斯旺森 | $ 300 |
条纹表
| 名字 | 姓 | 储 |
|---|---|---|
| 彼得 | 格里芬 | $ 100个 |
| 洛伊丝 | 格里芬 | $ 150 |
| 乔 | 斯旺森 | $ 300 |
对于斑马条纹表，使用nth-child()选择并添加一个background-color为所有偶数（或奇数）表行：
表颜色
下面的示例指定的背景色和文本颜色<th>元素：
| 名字 | 姓 | 储 |
|---|---|---|
| 彼得 | 格里芬 | $ 100个 |
| 洛伊丝 | 格里芬 | $ 150 |
| 乔 | 斯旺森 | $ 300 |
响应表
如果屏幕太小，无法显示完整的内容回应式表会显示一个水平滚动条：
| 名字 | 姓 | 点 | 点 | 点 | 点 | 点 | 点 | 点 | 点 | 点 | 点 | 点 | 点 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 吉尔 | 工匠 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 | 50 |
| 前夕 | 杰克逊 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 | 94 |
| 亚当 | 约翰逊 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 |
添加一个容器元素（如<div>与overflow-x:auto周围的<table>元素，使其响应：
更多示例
制作花式球台
这个例子演示了如何创建一个花式球台。
设置表格标题的位置
这个例子演示了如何对表格标题位置。
自测练习用！
CSS表格属性
| 属性 | 描述 |
|---|---|
| border | 设置在一个声明中所有的边框属性 |
| border-collapse | 指定表格边框是否应该被折叠 |
| border-spacing | 指定相邻小区的边界之间的距离 |
| caption-side | 指定表格标题的位置 |
| empty-cells | 指定是否在表中显示在空单元格边框和背景 |
| table-layout | 设置要使用的一个表的布局算法 |