如何删除 HTML 表格中的双单元格边框

Question

我想要一个简单的 17x2 HTML table 以单线作为边框，单元格之间没有空格等 This 在线编辑器 returns 以下代码：

输出如下所示：

我添加了 cellspacing="0" 以消除单元格之间的空白。如何消除相邻单元格之间的重复边框？

PS.: Whosebug 输入编辑器returns 代码缩进错误，尽管所有缩进都已到位。

Answer 1

您可以在 table 标签上使用 border-collapse: collapse 属性。

例如：

table {
    border-collapse: collapse;
}

更多信息 https://www.w3schools.com/cssref/pr_border-collapse.asp