HTML Таблицы заполнение и интервал

HTML таблицы могут регулировать отступы внутри ячеек, а также пространство между ячейками.

HTML таблица - Заполнение ячеек

Заполнение ячейки - это пространство между краями ячейки и содержимым ячейки.

По умолчанию заполнение установлено равным 0.

Чтобы добавить отступы к ячейкам таблицы, используйте свойство CSS padding:

th, td {
padding: 15px;
}

Чтобы добавить отступы только над содержимым, используйте свойство padding-top.

И другие стороны с свойствами padding-bottom, padding-left и padding-right:

th, td {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 40px;
}

Интервал между ячейками - это расстояние между каждой ячейкой.

По умолчанию пробел установлен равным 2 пикселям.

Чтобы изменить пространство между ячейками таблицы, используйте CSS свойство border-spacing в таблице элемента table:

table {
border-spacing: 30px;
}