CSS 表格樣式
表格內邊距
要控制表格中邊框和內容之間的空間，請在 <td> 和 <th> 元素上使用 padding 屬性
| 名字 | 姓氏 | 儲蓄 |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| 喬 | Swanson | $300 |
水平分隔線
| 名字 | 姓氏 | 儲蓄 |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| 喬 | Swanson | $300 |
為 <th> 和 <td> 新增 border-bottom 屬性以建立水平分隔線
滑鼠懸停表格
在 <tr> 上使用 :hover 選擇器，以便在滑鼠懸停時突出顯示錶格行
| 名字 | 姓氏 | 儲蓄 |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| 喬 | Swanson | $300 |
條紋表格
| 名字 | 姓氏 | 儲蓄 |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| 喬 | Swanson | $300 |
對於斑馬條紋表格，請使用 nth-child() 選擇器，併為所有偶數（或奇數）表格行新增 background-color
表格顏色
下面的示例指定了 <th> 元素的背景顏色和文字顏色
| 名字 | 姓氏 | 儲蓄 |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| 喬 | Swanson | $300 |
