CSS 表格样式

表格填充物

要控制表格中边框和内容之间的空间，请使用padding<td> 和 <th> 元素上的属性：

th, td {
padding: 15px;
text-align: left;
}

添加border-bottom水平分隔符的 <th> 和 <td> 属性：

th, td {
border-bottom: 1px solid #ddd;
}

使用:hover<tr> 上的选择器可在鼠标悬停时突出显示表行：

tr:hover {background-color: coral;}

对于斑马条纹表格，请使用nth-child()选择器并添加background-color对于所有偶数（或奇数）表行：

tr:nth-child(even) {background-color: #f2f2f2;}

下面的示例指定 <th> 元素的背景颜色和文本颜色：

th {
background-color: #04AA6D;
color: white;
}