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;
}
Попробуйте сами »