CSS 表格样式
表格内边距
要控制表格边框和内容之间的间距，请在 <td> 和 <th> 元素上使用 padding 属性
| 名字 | 姓氏 | 储蓄 |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| Joe | Swanson | $300 |
水平分隔线
| 名字 | 姓氏 | 储蓄 |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| Joe | Swanson | $300 |
在 <th> 和 <td> 上添加 border-bottom 属性以创建水平分隔线
可悬停表格
在 <tr> 上使用 :hover 选择器，以在鼠标悬停时突出显示表格行
| 名字 | 姓氏 | 储蓄 |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| Joe | Swanson | $300 |
条纹表格
| 名字 | 姓氏 | 储蓄 |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| Joe | Swanson | $300 |
对于斑马条纹表格，请使用 nth-child() 选择器，并将 background-color 添加到所有偶数（或奇数）表格行
表格颜色
下面的示例指定 <th> 元素的背景颜色和文本颜色
| 名字 | 姓氏 | 储蓄 |
|---|---|---|
| Peter | Griffin | $100 |
| Lois | Griffin | $150 |
| Joe | Swanson | $300 |
