Html код таблицы-

Синтаксис

border-collapse: collapse | separate | inherit

Значения

collapse
Линия между ячейками отображается только одна, также игнорируется значение атрибута cellspacing.
separate
Вокруг каждой ячейки отображается своя собственная рамка, в местах соприкосновения ячеек показываются сразу две линии.
inherit
Наследует значение родителя.

CSS

.tab {width: 90%; border: 0.5em solid #0bd467; border-collapse: collapse;border-style: solid;}
.tab td, th {border: 1px solid #0bd467; }

Таблица

<table class="tab" >
<tbody>
<tr>
<td>1-1 </td>
<td>1-2 </td>
<td>1-3 </td>
<td>1-4 </td>
</tr>
<tr>
<td> 2-1</td>
<td> 2-2</td>
<td> 2-3</td>
<td> 2-4</td>
</tr>
<tr>
<td> 3-1</td>
<td> 3-2</td>
<td> 3-3</td>
<td>3-4 </td>
</tr>
<tr>
<td>4 -1</td>
<td> 4-2</td>
<td>4-3</td>
<td>4-4 </td>
</tr>
</tbody>
</table>

1-1 1-2 1-3 1-4
 2-1  2-2  2-3  2-4
 3-1  3-2  3-3 3-4
4 -1  4-2 4-3 4-4
24.07.2026

Главная »

Яндекс.Метрика