CSS 表格
使用 CSS 可以大大改善 HTML 表格的外观：
| 公司 | 接触 | 国家 |
|---|---|---|
| 阿尔弗雷德·富特基斯特 | 玛丽亚·安德斯 | 德国 |
| 贝尔格伦德斯山口 | 克里斯蒂娜·伯格伦德 | 瑞典 |
| 蒙特苏马商业中心 | 弗朗西斯科·张 | 墨西哥 |
| 恩斯特·亨德尔 | 罗兰孟德尔 | 奥地利 |
| 島嶼貿易 | 海伦·班尼特 | 英国 |
| 埃森国王酒店 | 菲利普·克莱默 | 德国 |
| 笑酒神酒窖 | 旦那木良 | 加拿大 |
| 里乌尼蒂食品商店 | 乔瓦尼·罗韦利 | 意大利 |
亲自尝试 »
表格边框
要在 CSS 中指定表格边框，请使用 border 财产。
下面的示例指定了实线边框<table> ，<th> ， 和<td>元素：
| 名 | 姓 |
|---|---|
| 彼得 | 格里芬 |
| 洛伊丝 | 格里芬 |
全宽表
在某些情况下，上面的表格可能看起来很小。如果您需要一个横跨整个屏幕（全宽）的表格，请添加 width: 100% 到<table>元素：
| 名 | 姓 |
|---|---|
| 彼得 | 格里芬 |
| 洛伊丝 | 格里芬 |
双边框
请注意，上例中的表格有双边框。这是因为表格和<th>和<td>元素有单独的边框。
要删除双边框，请看下面的示例。
折叠表格边框
这 border-collapse 属性设置表格边框是否应折叠为单个边框：
| 名 | 姓 |
|---|---|
| 彼得 | 格里芬 |
| 洛伊丝 | 格里芬 |
如果您只希望表格周围有边框，只需指定 border 财产<table> ：
| 名 | 姓 |
|---|---|
| 彼得 | 格里芬 |
| 洛伊丝 | 格里芬 |
