Html 使用CSS删除不需要的表格单元格边框

我有一个奇怪而令人沮丧的问题。对于简单标记：

123
ab>c
xyz

我对thead、tr和tr奇数元素应用不同的背景色值。问题是在大多数浏览器中，每个单元格都有一个不需要的边框，它不是任何表行的颜色。只有在Firefox 3.5中，表格在任何单元格中都没有边框

---

我只想知道如何在其他主要浏览器中删除这些边框，以便在表中看到的唯一内容是交替的行颜色。

如下修改HTML：

<table border="0" cellpadding="0" cellspacing="0">
    <thead>
        <tr><td>1</td><td>2</td><td>3</td></tr>
     </thead>
    <tbody>
        <tr><td>a</td><td>b></td><td>c</td></tr>
        <tr class='odd'><td>x</td><td>y</td><td>z</td></tr>
    </tbody>
</table>

---

您需要将以下内容添加到CSS中：

table { border-collapse:collapse }

---

尝试指定

边框的样式：0px；边界塌陷：塌陷到表格元素。
将表格的
cellspacting
属性设置为
0

您也可以使用CSS样式，
边框间距：0
，但前提是您不需要支持旧版本的IE。
添加一些CSS：

td, th {
   border:none;
}

您可能还想添加

table td { border:0; }

上述操作相当于设置cellpadding=“0”

它消除了浏览器自动添加到单元格中的填充，这些填充可能依赖于doctype和/或用于重置默认浏览器样式的任何CSS
尝试上述建议后，唯一对我有效的方法是在子主题的style.CSS的以下部分中将border属性更改为“0”（执行“查找”查找每一个的操作--以下只是片段）：

所以后来是这样的,

.comment-content table {
    border-bottom: 0;

.comment-content td {
    border-top: 0;
    padding: 6px 10px 6px 0;
}

有时甚至在清除边界后

原因是您在
td
中有图像，给图像
显示：block
解决它。
要删除边框，只需使用如下css：

td {
 border-style : hidden!important;
}

@Josh不是吗？border:none

？@DougNeiner Old post，但none和0都同样有效。我喜欢0，因为我必须少键入：）感谢所有建议在CSS中添加边框折叠：折叠的人。Cellpadding是表内容与其边界之间的空间

td{padding:X}

。Cellspacing是每个单元格边界之间的空间（“单元格边界之间的边距”）。您可以设置

边框折叠

来模拟表标记上的

单元格间距

属性所做的操作，但这并不是万无一失的。请注意，这必须应用于表，而不是td。我刚刚犯了这个错误，花了半个多小时试图找出它不起作用的原因

.comment-content table {
    border-bottom: 0;

.comment-content td {
    border-top: 0;
    padding: 6px 10px 6px 0;
}

td {
 border-style : hidden!important;
}