Как задать расстояние между ячейками в таблице в html?

Пользователь

от nikko , в категории: HTML/CSS , 3 месяца назад

Как задать расстояние между ячейками в таблице в html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от kendall_mckenzie , 3 месяца назад

@nikko  Задать расстояние между ячейками в таблице в HTML можно так:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<head>
<style>
      table,
      th,
      td {
        border: 2px solid brown;
        border-spacing: 15px 15px;
        border-collapse: separate;
      }
    </style>
  </head>
  <table style="margin: auto">
    <tr>
      <th>Животное</th>
      <th>Возраст</th>
    </tr>
    <tr>
      <td>Кошка</td>
      <td>5</td>
    </tr>
    <tr>
      <td>Собака</td>
      <td>7</td>
    </tr>
  </table>