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 |
