为HTML表格行实现圆角效果的技巧
直接在HTML的<tr>标签中设置<code>border-radius属性通常无效。要实现表格行的圆角效果，需要一些小技巧，例如使用<td>和<code><th>元素的hack方法。
<p>此方法的核心是为<code><td>和<code><th>单元格设置<code>border-radius属性，并同时将表格的border-collapse属性设置为collapse：
<code class="html"><table>
<caption></caption>
<tr style="border-radius: 25px;">
<td>Month</td>
<td>Savings</td>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table></code>
请注意，border-collapse: collapse;是CSS中的默认值。 如果没有显式声明，也可能生效。
立即学习“前端免费学习笔记（深入）”；
