如何删除表中的边框间距

Question

我有一张桌子,第一排就好

<tr>
<th>1</th>
<th>2</th>
</tr>

我把黑色背景放到"th".现在1和2单元格之间有某种边界/分隔它们......我看了一下源代码,我想我找到了一些东西:

border-collapse: separate;
border-spacing: 2px;

这个CSS代码在源代码中列为"用户代理样式表",我无法启用/禁用它来测试这是否是问题,但我尝试添加了相同的代码,但是带有"none"和"0"参数但是它既没有帮助......

有人可以帮助并指导我来自哪里的边界？

Answer 1

默认情况下,您的表格如下所示,并在表格ID或类别上设置css规则

<table border="0" cellspacing="0" cellpadding="0">
 <tr>
  <th>1</th>
  <th>2</th>
</tr>
</table>

CSS:

border-collapse: collapse;

Answer 2

在表上设置CSS规则:

table {
    border-collapse: collapse;
}

您可以访问此jsFiddle示例并将border-collapse属性从折叠切换为单独以查看它如何更改表的布局.在边界崩溃属性只能是崩溃,单独或继承.

Answer 3

尝试这个

table {
    border: none;
    border-spacing: 0;
}

Answer 4

border-collapse: none是无效的.试试border-collapse: collapse.