<p>I have a table like this:</p>

<pre><code>&lt;table&gt;
    &lt;tfoot&gt;
        &lt;tr&gt;&lt;td&gt;footer&lt;/td&gt;&lt;/tr&gt;
    &lt;/tfoot&gt;
    &lt;tbody&gt;
        &lt;tr&gt;&lt;td&gt;Body 1&lt;/td&gt;&lt;/tr&gt;
        &lt;tr&gt;&lt;td&gt;Body 1&lt;/td&gt;&lt;/tr&gt;
        &lt;tr&gt;&lt;td&gt;Body 1&lt;/td&gt;&lt;/tr&gt;
    &lt;/tbody&gt;
    &lt;tbody&gt;
        &lt;tr&gt;&lt;td&gt;Body 2&lt;/td&gt;&lt;/tr&gt;
        &lt;tr&gt;&lt;td&gt;Body 2&lt;/td&gt;&lt;/tr&gt;
        &lt;tr&gt;&lt;td&gt;Body 2&lt;/td&gt;&lt;/tr&gt;
    &lt;/tbody&gt;
    &lt;tbody&gt;
        &lt;tr&gt;&lt;td&gt;Body 3&lt;/td&gt;&lt;/tr&gt;
        &lt;tr&gt;&lt;td&gt;Body 3&lt;/td&gt;&lt;/tr&gt;
        &lt;tr&gt;&lt;td&gt;Body 3&lt;/td&gt;&lt;/tr&gt;
    &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>I'd like to put some spacing between each tbody element, but padding and margin have no effect. Any ideas?</p>

Try this, if you don't mind not having borders.
```
```
<style>
table {
  border-collapse: collapse;
}

table tbody {
  border-top: 15px solid white;
}
</style>

<table>
    <tfoot>
        <tr><td>footer</td></tr>
    </tfoot>
    <tbody>
        <tr><td>Body 1</td></tr>
        <tr><td>Body 1</td></tr>
        <tr><td>Body 1</td></tr>
    </tbody>
    <tbody>
        <tr><td>Body 2</td></tr>
        <tr><td>Body 2</td></tr>
        <tr><td>Body 2</td></tr>
    </tbody>
    <tbody>
        <tr><td>Body 3</td></tr>
        <tr><td>Body 3</td></tr>
        <tr><td>Body 3</td></tr>
    </tbody>
</table>
```
```