CSS 表格
HTML 表格的外观可以通过 CSS 大大改善。
| Company（公司） | 联系 | Country |
|---|---|---|
| Alfreds Futterkiste | Maria Anders | Germany |
| Berglunds snabbköp | Christina Berglund | Sweden |
| Centro comercial Moctezuma | Francisco Chang | Mexico |
| Ernst Handel | Roland Mendel | Austria |
| Island Trading | Helen Bennett | UK |
| Königlich Essen | Philip Cramer | Germany |
| Laughing Bacchus Winecellars | Yoshi Tannamuri | 加拿大 |
| Magazzini Alimentari Riuniti | Giovanni Rovelli | Italy |
自己动手试一试 »
表格边框
要在 CSS 中指定表格边框，请使用 border 属性。
以下示例为 <table>、<th> 和 <td> 元素指定了实线边框
| 名 | 姓 |
|---|---|
| Peter | Griffin |
| Lois | Griffin |
全宽表格
在某些情况下，上面的表格可能看起来很小。如果您需要一个应跨越整个屏幕（全宽）的表格，请在 <table> 元素中添加 width: 100%。
| 名 | 姓 |
|---|---|
| Peter | Griffin |
| Lois | Griffin |
双边框
请注意，上面示例中的表格有双边框。这是因为表格以及 <th> 和 <td> 元素都有单独的边框。
要删除双边框，请看下面的示例。
折叠表格边框
border-collapse 属性设置表格边框是否应折叠成一个单一边框。
| 名 | 姓 |
|---|---|
| Peter | Griffin |
| Lois | Griffin |
如果您只想在表格周围添加边框，只需为 <table> 指定 border 属性。
| 名 | 姓 |
|---|---|
| Peter | Griffin |
| Lois | Griffin |
