CSS 表格样式
表格填充
要控制表格中边框和内容之间的空间，请使用 padding 财产<td>和<th>元素：
| 名 | 姓 | 储蓄 |
|---|---|---|
| 彼得 | 格里芬 | $100 |
| 洛伊丝 | 格里芬 | $150 |
| 乔 | 斯旺森 | $300 |
水平分隔线
| 名 | 姓 | 储蓄 |
|---|---|---|
| 彼得 | 格里芬 | $100 |
| 洛伊丝 | 格里芬 | $150 |
| 乔 | 斯旺森 | $300 |
添加 border-bottom 财产<th>和<td>对于水平分隔线：
悬停表格
使用 :hover 选择器<tr>在鼠标悬停时突出显示表格行：
| 名 | 姓 | 储蓄 |
|---|---|---|
| 彼得 | 格里芬 | $100 |
| 洛伊丝 | 格里芬 | $150 |
| 乔 | 斯旺森 | $300 |
条纹桌
| 名 | 姓 | 储蓄 |
|---|---|---|
| 彼得 | 格里芬 | $100 |
| 洛伊丝 | 格里芬 | $150 |
| 乔 | 斯旺森 | $300 |
对于斑马条纹表，使用 nth-child() 选择器并添加background-color 所有偶数（或奇数）表行：
表格颜色
下面的示例指定了背景颜色和文本颜色<th>元素：
| 名 | 姓 | 储蓄 |
|---|---|---|
| 彼得 | 格里芬 | $100 |
| 洛伊丝 | 格里芬 | $150 |
| 乔 | 斯旺森 | $300 |
