Отступы и отступы HTML -таблицы

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

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

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

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

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

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 пикселя.

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

table {
border-spacing: 30px;
}