tr元素周围的边框不显示？

看来Chrome / Firefox不会在tr上渲染边框，但是如果select器是table tr td tr ，它会渲染边框。

如何在tr上设置边框？

我的尝试，这是行不通的：

HTML

 <table> <tbody> <tr> <td> Text </td> </tr> </tbody> </table>

CSS

 table tr { border:1px solid black; }

http://jsfiddle.net/edi9999/VzPN2/

这是一个类似的问题：将边框设置为tr表格，除了IE 6和7之外的所有东西都可以使用，但是除了IE之外，它似乎可以在任何地方使用。

将其添加到样式表中：

 table { border-collapse: collapse; }

JSFiddle 。

这种方式的原因实际上在规范中描述得很好：

有两种不同的模式可以在CSS中设置表格单元的边框。一个最适合所谓的单个单元格周围的分隔边界，另一个适合于从表格的一端到另一端连续的边界。

…以后，对于collapse设置：

在折叠边框模型中，可以指定围绕单元格，行，行组，列和列组的全部或部分的边框。

 <tr border="1">

要么

 <table border="1">

应该pipe用。

如果你想用CSS来做，也许最好是用一个类或者一个类来做

 <tr style="border 1px solid black">