Готовые 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
Строка 13,53623
Строка 243623–23,5
Строка 34,53723,5
Строка 453824
Строка 55,53824,5
Сам css (можешь копировать и менять как тебе надо)
css code

Объединение ячеек

colspan="2" Горизонтально
rowspan="2" Вертикально
Браузер Internet Explorer Opera Firefox
6.07.07.08.09.01.02.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>