html - 如何删除表格中的所有边框？

Question

这是我的代码：

<table border="0">
    <tbody>
        <tr style="border: none;">
            <td colspan="12" align="center">2012</td>
            <td colspan="12" align="center">2013</td>
        </tr>
        <tr>
            <td align="center" style="width: 31px;border: none;">Ene</td>
            <td align="center" style="width: 29px;border: none;">Feb</td>
            <td align="center" style="width: 31px">Mar</td>
            <td align="center" style="width: 30px">Abr</td>
            <td align="center" style="width: 31px">May</td>
            <td align="center" style="width: 30px">Jun</td>
            <td align="center" style="width: 31px">Jul</td>
            <td align="center" style="width: 31px">Ago</td>
            <td align="center" style="width: 30px">Sep</td>
            <td align="center" style="width: 31px">Oct</td>
            <td align="center" style="width: 30px">Nov</td>
            <td align="center" style="width: 31px">Dic</td>
            <td align="center" style="width: 31px">Ene</td>
            <td align="center" style="width: 28px">Feb</td>
            <td align="center" style="width: 31px">Mar</td>
            <td align="center" style="width: 30px">Abr</td>
            <td align="center" style="width: 31px">May</td>
            <td align="center" style="width: 30px">Jun</td>
            <td align="center" style="width: 31px">Jul</td>
            <td align="center" style="width: 31px">Ago</td>
            <td align="center" style="width: 30px">Sep</td>
            <td align="center" style="width: 31px">Oct</td>
            <td align="center" style="width: 30px">Nov</td>
            <td align="center" style="width: 31px">Dic</td>
        </tr>
        <tr>
            <td style="background-color: #000;border: none;">&nbsp;</td>
            <td style="background-color: #000;border: none;">&nbsp;</td>
        </tr>
    </tbody>
</table>

http://jsfiddle.net/GWj3w/2/

如您所见，我将表格中的边框设置为 0，并将 tr 和 td 标签的样式设置为边框：无，但我仍然在单元格之间看到那条白线，也是我放置的样式

* {
    border: none;
    padding: 0;
    margin: 0;
}

这个边框怎么去掉？？

谢谢！！

Answer 1

您可以使用其中任何一个来删除空格（注意：两者之间存在细微差别）

border-spacing: 0;或border-collapse: collapse;在桌子上。

示例：http: //jsfiddle.net/GWj3w/1/

Answer 2

轻松修复！在表格元素上将 cellpadding 和 cellspacing 设置为 0。所有这些边界调整都可能令人困惑，而且您不需要控制<tr>边界调整。把事情简单化 ：）