tr元素周围的边框没有显示？

小编典典

css

似乎Chrome / Firefox无法在tr其上显示边框，但是如果选择器为，则可以渲染边框table tr td。

如何在tr上设置边框？

我的尝试不起作用：

table tr {

  border: 1px solid black;

}


<table>

  <tbody>

    <tr>

      <td>

        Text

      </td>

    </tr>

  </tbody>

</table>

这是一个类似的问题：将边框设置为表tr，除IE
6和7外，其他所有功能都可以使用，但除IE之外，其他任何地方都可以使用。

阅读 714

2020-05-16

共1个答案

小编典典

将此添加到样式表：

table {
  border-collapse: collapse;
}

在规范中实际上很好地描述了这种行为的原因：

有两种不同的模型可以在CSS的表格单元格上设置边框。一个最适合单个单元格周围的所谓分隔边框，另一个最适合从表的一端到另一端连续的边框。

…及更高版本，用于collapse设置：

在折叠边框模型中，可以指定包围单元格，行，行组，列和列组的全部或部分的边框。

2020-05-16