Отступы и отступы 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;
}
HTML-таблица — интервал между ячейками
Расстояние между ячейками — это расстояние между каждой ячейкой.
По умолчанию пространство установлено на 2 пикселя.
Чтобы изменить расстояние между ячейками таблицы, используйте
border-spacing
свойство CSS table
элемента:
Пример
table
{
border-spacing:
30px;
}