创建具有宽边框的表格行，不会渗入相邻行

Question

我有一张门票列表的HTML表格（例如http://seatgeek.com/event/show/23634/buffalo-bills-vs-tennessee-titans/）。我想突出显示某些具有2px边框的行。问题是这是渗入邻近的细胞，并掩盖其他边界。

例如，我在第一行单元格上有一个1px的底部边框（以指定它是一个标题）。如果我尝试在第二行应用2px边框，那么它会覆盖第一个边框。

我的第一反应是为麻烦设置一个余量，但我一直在寻找解决方案，看起来这是不可能的。还有其他解决方案吗？

Answer 1

它确实看起来像它的边界崩溃，这是问题在这里。如果你删除了

table { 
    border-collapse:collapse; 
} 

你会得到你要找的。

Answer 2

你可能会有盒子模型交叉。 http://www.w3.org/TR/CSS2/box.html

对于添加的每个px或边框，您将需要删除等效的填充或宽度。如果1px左右，然后从宽度2px。

如果不是这种情况，您可能需要为tr添加保证金。