如何分离两个tr'；在一个html表中

HTML表格中的两行（

tr

）之间是否可能存在可视分隔符

我尝试了一个

，但这不是有效的代码

我试着在休息后给

tr

添加一个填充顶部，但它不起作用

目前我使用一个空行：

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

但我认为这不是最好的解决方案，尤其是当列数发生变化时，我必须确保调整

colspan

---

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

编辑了以反映我重新阅读的问题，而不是问题的标题（原始答案仍低于规则）

如果您想要一个可视分隔符（而不仅仅是空白），只需使用：

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

---

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

填充

：

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

尽管有可能使用透明（或

背景色

-ed边框）：

---

并非所有浏览器都可以设置

元素的样式，但是您可以始终在tr中的单元格中添加填充或底部边框。

实际上，我一直使用单独的

tr

来实现此目的。我通过分隔符类对它们进行样式设置（例如td中的一个）

---

关于colspan问题，请参见。

实际上，我更喜欢“空”行。所以边界不是一个国家想要的。

table {
    border-collapse: separate;
}

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

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