如何在tr标签周围放置边框？

Question

我有一个非常简单的html页面:

<table>
     <tr><th>header1</th><th>header2</th></tr>
     <tr><td>item1</td><td>item2</td></tr>
     <tr><td>item3</td><td>item4</td></tr>
</table>

用一些简单的css:

tr {
    border:1px solid blue;
}

我希望这会在trs 周围设置边框,但它根本不会在它周围放置边框.如何在周围设置边框tr？

Answer 1

添加table { border-collapse: collapse; }.

从CSS2规范:

在[ border-collapse: separate模型]中,每个单元格都有一个单独的边框.[...]行,列,行组和列组不能有边界(即,用户代理必须忽略这些元素的边框属性).