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添加保证金。