在html/css中删除单元格之间的边框

-2

有人可以帮我吗？我试图删除/隐藏表格单元格之间的边界，但失败。这里的CSS我试着这样做：在html/css中删除单元格之间的边框

table, td, tr{ 
    border-style: hidden; 
    background-color: white; 
    border-collapse:collapse; 
    border-spacing: 0px; 
}

这是我的HTML：

<table> 
    <tbody> 
    <tr> 
     <td>HI</td> 
     <td>HI</td> 
    </tr> 
    <tr> 
     <td>HI</td> 
     <td>HI</td> 
    </tr> 
    </tbody> 
</table>

，我仍然得到这样的：

来源

2016-09-18 Eliesu

图像在这种情况下是没有用的，如果你想要更多的帮助，把你的html代码。 –

HI HI HI HI

' – Eliesu

我使用相同的代码在这里https://jsfiddle.net/h9o205d5，我没有得到边界。你可能有另一个影响它的css规则 –

使用边境尝试：无

另外，右键单击o n其中一个单元格，然后选择“检查元素”（在Firefox中）。然后在新窗口的右侧（在规则下），您可以看到边框来自何处（CSS）。

还要确保元素之间没有任何边距，以便背后的元素可能背景颜色能够透过。但是使用表格时，这应该不太可能。

来源

2016-10-05 14:14:47 olop01

在html/css中删除单元格之间的边框

回答

相关问题