【问题标题】:How to remove double cell borders in HTML tables如何删除 HTML 表格中的双单元格边框
【发布时间】:2019-03-14 15:20:56
【问题描述】:

我想要一个简单的 17x2 HTML 表格,单行作为边框,单元格之间没有空格等。This 在线编辑器返回以下代码:

输出如下所示:

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

PS.:Stackoverflow 输入编辑器返回代码缩进错误,尽管所有缩进都已到位。

【问题讨论】:

  • 在此处粘贴您的代码,而不是使用图像。
  • 对不起,我先用``粘贴了上面的代码,但是输入编辑器提示缩进错误,不接受输入。

标签: html html-table duplicates width border


【解决方案1】:

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

例如:

table {
    border-collapse: collapse;
}

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

【讨论】:

    猜你喜欢
    • 2015-10-14
    • 2015-12-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-01
    • 2019-09-24
    • 1970-01-01
    相关资源
    最近更新 更多