我正在尝试为tr设置边框半径,并使用偶数填充为偶数的背景色。我已经在div中添加了表格。请让我知道我要去哪里了。下面是我的代码。预先感谢。
table {
font-family: arial, sans-serif;
border-collapse: collapse;
table-layout: fixed width: 100%;
}
td,
th {
text-align: center;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
.colorborder {
padding: 10px;
border: 1px red;
}
<div class="colorborder">
<table cellpadding="0" cellspacing="0">
<tr>
<th>Company</th>
<th>Contact</th>
<th>Country</th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Maria Anders</td>
<td>Germany</td>
</tr>
<tr>
<td>Centro comercial Moctezuma</td>
<td>Francisco Chang</td>
<td>Mexico</td>
</tr>
<tr>
<td>Ernst Handel</td>
<td>Roland Mendel</td>
<td>Austria</td>
</tr>
<tr>
<td>Island Trading</td>
<td>Helen Bennett</td>
<td>UK</td>
</tr>
</table>
</div>