html - 创建具有宽边框的表格行，而不会渗透到相邻行

Question

我有一个 HTML 门票列表表格(例如 http://seatgeek.com/event/show/23634/buffalo-bills-vs-tennessee-titans/ )。我想用 2px 边框突出显示某些行。问题是它会渗入相邻的细胞并覆盖其他边界。

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

我的第一 react 是为麻烦的事情设定一个限度，但我一直在寻找解决方案，看起来这是不可能的。还有其他解决办法吗？

Answer 1

看起来确实是边界崩溃才是问题所在。如果删除

table {
    border-collapse:collapse;
}

您将得到您正在寻找的东西。