CSS 表格
可以使用 CSS 大大改进 HTML 表格的外观
| 公司 | 联系方式 | 国家 |
|---|---|---|
| Alfreds Futterkiste | Maria Anders | 德国 |
| Berglunds snabbköp | Christina Berglund | 瑞典 |
| Centro comercial Moctezuma | Francisco Chang | 墨西哥 |
| Ernst Handel | Roland Mendel | 奥地利 |
| Island Trading | Helen Bennett | 英国 |
| Königlich Essen | Philip Cramer | 德国 |
| Laughing Bacchus Winecellars | Yoshi Tannamuri | 加拿大 |
| Magazzini Alimentari Riuniti | Giovanni Rovelli | 意大利 |
自己尝试 »
表格边框
要在 CSS 中指定表格边框，请使用 border 属性。
以下示例为 <table>、<th> 和 <td> 元素指定了实线边框
| 名字 | 姓氏 |
|---|---|
| Peter | Griffin |
| Lois | Griffin |
全宽表格
上面的表格在某些情况下可能看起来很小。如果需要一个横跨整个屏幕（全宽）的表格，请将 width: 100% 添加到 <table> 元素
| 名字 | 姓氏 |
|---|---|
| Peter | Griffin |
| Lois | Griffin |
双边框
请注意，上面示例中的表格具有双边框。这是因为表格和 <th> 及 <td> 元素都具有单独的边框。
要删除双边框，请查看以下示例。
折叠表格边框
border-collapse 属性设置表格边框是否应折叠成一个边框
| 名字 | 姓氏 |
|---|---|
| Peter | Griffin |
| Lois | Griffin |
如果您只希望表格周围有边框，请仅为 <table> 指定 border 属性
| 名字 | 姓氏 |
|---|---|
| Peter | Griffin |
| Lois | Griffin |
