Отдельные рамки ячеек

В этой модели каждая ячейка таблицы отстоит от других на некоторое расстояние и рамки ячеек не сливаются друг с другом:

table {border-collapse: separate;}
td {border: 3px double black; padding: 3px;}


cell one cell two
cell three cell four


Обратите внимание, что рамки ячеек касаются, но не сливаются друг с другом. Три линии между ячейками – это на самом деле две двойные рамки, расположенные впритык. Атрибут HTML cellspacing был включен в приведенный выше пример, чтобы гарантировать отсутствие промежутка между ячейками. Кроме того, если в CSS есть способ разделять эти рамки, то должен быть и способ изменять расстояние между ячейками. К счастью, он есть.

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
Автоматическая компоновка
Анонимные объекты таблицы
Визуальная организация таблицы
Выравнивание
Высота

Вернуться в раздел: CSS / 11. Верстка таблиц