我有一个跨越整个页面的表格。
我使用
您可以在这里看到示例。
如何更改整行的背景颜色而不是每个单元格的背景颜色?
我使用
nth-child
在tr
上进行斑马线条纹,以设置行的background
。问题是它只着色单元格而不是整行。您可以在着色行的每个单元格之间看到白色空间。您可以在这里看到示例。
table {
width: 100%;
}
tr:nth-child(even) {
background: peachpuff;
}
<table>
<tbody>
<tr>
<td>0</td>
<td>0</td>
</tr>
<tr>
<td>1</td>
<td>0</td>
</tr>
<tr>
<td>2</td>
<td>0</td>
</tr>
<tr>
<td>3</td>
<td>0</td>
</tr>
<tr>
<td>4</td>
<td>0</td>
</tr>
<tr>
<td>5</td>
<td>0</td>
</tr>
<tr>
<td>6</td>
<td>0</td>
</tr>
<tr>
<td>7</td>
<td>0</td>
</tr>
<tr>
<td>8</td>
<td>0</td>
</tr>
<tr>
<td>9</td>
<td>0</td>
</tr>
</tbody>
</table>