Как задать отступ в таблицы в html?
2 ответа
от
neal_bergstrom ,
2 года назад
@loyal Задать отступы таблиц в HTML можно через margin и padding :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<head> <style> table, th, td { border: 2px solid brown; margin: 30px; } </style> </head> <table> <tr> <th>Животное</th> <th>Возраст</th> </tr> <tr> <td>Кошка</td> <td>5</td> </tr> <tr> <td>Собака</td> <td>7</td> </tr> </table> |
от
ludie ,
год назад
@loyal
Чтобы задать отступ в таблице в HTML, можно использовать свойство "padding" тега "td" или "th". Например, чтобы задать отступ в 5 пикселей со всех сторон, можно использовать следующий код:
1
|
<td style="padding: 5px;">Ячейка таблицы</td> |
Вы также можете задать отдельный отступ для каждой стороны с помощью свойства "padding-top", "padding-right", "padding-bottom" и "padding-left".
1
|
<td style="padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px;">Ячейка таблицы</td> |
15