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

标签 html css

这是我的代码:

<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 但我仍然在单元格之间看到白线,也是我放置的样式

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

我怎样才能去掉这个边框??

谢谢!!

最佳答案

您可以使用其中任何一种来删除空格(注意:两者之间有轻微的 difference)

border-spacing: 0;border-collapse: collapse; 在表格上。

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

关于html - 如何删除表格中的所有边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19552524/

相关文章:

css - 是否可以根据不断变化的类为 an::after 设置动画?

javascript - KnockoutJS 自定义数据绑定(bind)以添加移动样式

html - 不知道如何在 ngx-select-dropdown Angular 8 中设置选项

html - 如何设置我的设计,使每 3 个控件显示在一行中,每个控件上方都有标签?

javascript - 选择相邻元素的子元素

css - AngularJS 指令观察父级高度变化

javascript - 在 JavaScript 中创建的模态不会在移动设备上消失

html - 我有一个 CSS 溢出问题

javascript - 如何为 JavaScript 循环内动态创建的 HTML 表单元素分配不同的 ID

jquery - 使用 jQuery 在图像顶部添加文本动画