如何在表之间创建空格?

时间:2013-08-30 13:49:40

标签: css

我有两张桌子,两者之间只需要一个间隙,让它看起来更漂亮。我该怎么做?

到目前为止,这是表格的布局:

<html><body>
  <table><tr><td></td></tr></table>
  <table><tr><td></td></tr></table>
</body></html>

这使他们一个接一个。我如何在它们之间放置一点空间?我是html的新手,所以我不确定如何添加空格,我能想到的唯一方法就是创建一个具有特定id的东西,这只是一个空块。但是,对于相对简单的事情而言,这似乎可能是很多额外的代码。

2 个答案:

答案 0 :(得分:4)

给他们一些保证金。

<强> CSS:

table
{
    margin: 10px 0;
}

答案 1 :(得分:2)

您可以通过在第二个表格上设置margin-top来创建两者之间的差距:

<table border=1>
    <tr>
        <td>
            First table
        </td>
    </tr>
</table>
<table border=1 style="margin-top: 15px;">
    <tr>
        <td>
            Second table
        </td>
    </tr>
</table>

查看此JSFiddle:http://jsfiddle.net/xweYs/