html - CSS 表格默认填充或边距

Question

今天是我第一次玩 table 我注意到 table 和 tr 和 td 标签之间有一点空间， 大概 1 px 左右。

所以这是我的问题:

这是我的代码:

<table id="upload_box_container">
    <tr>
        <td class="border_bottom_1px">hi1</td>
        <td class="border_bottom_1px">hi2</td>
    </tr>
</table>

(upload_box_container - 它只是背景颜色和边框颜色)

(border_bottom_1px - 因为它的名字它只给出 1px 大小的底部边框)

并且有一张它如何显示的图片: http://postimage.org/image/16wz2ao78/

我的问题是

• 为什么两个底边框之间有空格

• 以及为什么表格的边上有空格(如填充)且边框不接触表格边框

谢谢。

Answer 1

定义

table { border-spacing:0; }

它应该以您想要的方式呈现。