如何在html表中分隔两个tr

Question

是否有可能tr在HTML表格中的两行()之间有一个可视分隔符.

我尝试过<br>但这不是有效的代码.

我尝试tr在休息后添加填充顶部,但它不起作用.

目前我使用空行:

<tr><td colspan=\"X\">&nbsp;</td></tr>

但我不认为这是最好的解决方案,特别是因为我必须确保colspan如果有变化就调整列数.

有什么方法可以解决这个问题吗？

Answer 1

编辑反映我重新阅读问题而不是问题的标题(原始答案仍然低于规则).

如果你想要一个可视分隔符(而不是简单的空格),那么只需使用:

td {
border-bottom: 1px solid #ccc; /* or whatever specific values you prefer */
}

我目前所知道的增加表行间距的唯一方法是padding在单个行/单元格上使用:

td {
    padding: 0.5em 1em;
    border: 1px solid #ccc;
}

JS小提琴演示

虽然有可能使用透明(或background-color边框):

table {
    border-collapse: separate;
}

td {
    border-top: 0.5em solid transparent;
    border-bottom: 0.5em solid transparent;
}

td:hover {
    border-color: #ccc;
}

JS小提琴演示