Готовые css стили для таблиц, копируй и меняй
09.01.2021
Сам код таблицы
<table class="table1">
<caption>Заголовок</caption>
<tbody><tr>
<th>Столбец 0</th>
<th>Столбец 1</th>
<th>Столбец 2</th>
<th>Столбец 3</th>
</tr>
<tr><td>Строка 1</td><td>3,5</td><td>36</td><td>23</td></tr>
<tr><td>Строка 2</td><td>4</td><td>36</td><td>23–23,5</td></tr>
<tr><td>Строка 3</td><td>4,5</td><td>37</td><td>23,5</td></tr>
<tr><td>Строка 4</td><td>5</td><td>38</td><td>24</td></tr>
<tr><td>Строка 5</td><td>5,5</td><td>38</td><td>24,5</td></tr>
</tbody></table>
Выберите необходимый стиль
Результат
Столбец 0 | Столбец 1 | Столбец 2 | Столбец 3 |
---|---|---|---|
Строка 1 | 3,5 | 36 | 23 |
Строка 2 | 4 | 36 | 23–23,5 |
Строка 3 | 4,5 | 37 | 23,5 |
Строка 4 | 5 | 38 | 24 |
Строка 5 | 5,5 | 38 | 24,5 |
Сам css (можешь копировать и менять как тебе надо)
css code
Объединение ячеек
colspan="2" Горизонтальноrowspan="2" Вертикально
Браузер | Internet Explorer | Opera | Firefox | ||||
---|---|---|---|---|---|---|---|
6.0 | 7.0 | 7.0 | 8.0 | 9.0 | 1.0 | 2.0 | |
Поддерживается | Нет | Да | Нет | Да | Да | Да | Да |
<table border="1" cellpadding="4" cellspacing="0">
<tbody><tr>
<td rowspan="2">Браузер</td>
<th colspan="2">Internet Explorer</th>
<th colspan="3">Opera</th>
<th colspan="2">Firefox</th>
</tr>
<tr>
<th>6.0</th><th>7.0</th><th>7.0</th><th>8.0</th><th>9.0</th><th>1.0</th><th>2.0</th>
</tr>
<tr align="center">
<td>Поддерживается</td>
<td>Нет</td><td>Да</td><td>Нет</td><td>Да</td><td>Да</td><td>Да</td><td>Да</td>
</tr>
</tbody></table>