Böyle bir tablo var:

<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>

Her tbody öğesi arasında bir boşluk koymak istiyorum, ama doldurma ve kenar boşluğu hiçbir etkisi yoktur. Herhangi bir fikir?

Böyle bir şey, tarayıcı desteği gereksinimlerinize bağlı olarak çalışacak:

tbody::before
{
  content: '';
  display: block;
  height: 15px;

}