<p>Для таблиці задана властивість <b>border-spacing: 10px 30px;</b> </p>
<table class="spacing">
  <tr>
    <th>Заголовок</th>
    <th>Заголовок</th>
    <th>Заголовок</th>
  </tr>
  <tr>
    <td>Клітинка</td>
    <td>Клітинка</td>
    <td>Клітинка</td>
  </tr>
  <tr>
    <td>Клітинка</td>
    <td>Клітинка</td>
    <td>Клітинка</td>
  </tr>
</table>
<br>
<p>Вигляд таблиці за замовчуванням</p>
<table>
  <tr>
    <th>Заголовок</th>
    <th>Заголовок</th>
    <th>Заголовок</th>
  </tr>
  <tr>
    <td>Клітинка</td>
    <td>Клітинка</td>
    <td>Клітинка</td>
  </tr>
  <tr>
    <td>Клітинка</td>
    <td>Клітинка</td>
    <td>Клітинка</td>
  </tr>
</table>
table {
  border: 1px solid #666;
  width: 100%;
}
.spacing{
    border-spacing: 10px 30px;
}
td, th {
  border: 1px solid #666;
  padding: 16px;
  text-align: center;
}
p{
  text-align: center;
  font-size: 18px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.