Добавление отступов
Как вы прочитали в разд. «Управление размерами полей и отступов~> гл. 7, отступэто
Расстояние между границей элемента и его содержимым. Вы можете использовать
Отступы, чтобы обеспечить немного свободного места между краями абзацев
С текстом и их границами. Когда речь идет о таблицах, границы - это края ячейки,
И при использовании отступов добавляется свободное место вокруг содержимого
Этой ячейки таблицы (см. рис. 10.2). Это работаеттак же, как и атрибут cellpadding
тега <tab l е>, с той лишь разницей, что вы можете задать отступы от каждой из четырех
Границ ячейки. Отступы применяются либо к заголовкам таблицы, либо к ее
ячейкам, но никак не к самому тегу <tаЫе>. Итак, чтобы задать отступ размером
10 пикселов для всех ячеек таблицы, вам слеДует воспользоваться таким стилем:
td. th { padding: lOpx; }
Вы можете также контролировать отступы от каждой из четырех границ ячейки.
Чтобы добавить 1 О пикселов места сверху для каждой ячейки с данными в таблице,
3 пиксела снизу и по 5 пикселов слева и справа, создайте такой стиль:
td {
padding-top: lOpx:
padding-right: 5рх:
padding-bottom: Зрх:
padding-left: 5рх;
Или используйте сокращенную версию свойства padding:
td {
padding: lOpx 5рх Зрх 5рх;
сов~----------------------------------------------------
Если вы с помощью тега <img> поместите в ячейку изображение и заметите, что внизу таблицы