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

table {border-collapse: separate;}
td {border: 3px double black; padding: 3px;}
<table cellspacing="0">
<tr>
<td>cell one</td>
<td>cell two</td>
</tr>
<tr>
<td>cell three</td>
<td>cell four</td>
</tr>
</table>

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

Добавлено: 19 Июля 2018 07:32:31 Добавил: Андрей Ковальчук Нравится 0

Добавить