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 |
