Готовые 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" Вертикально

Браузер	6.0	7.0	7.0	8.0	9.0	1.0	2.0
Браузер	Internet Explorer		Opera			Firefox
Поддерживается	Нет	Да	Нет	Да	Да	Да	Да

  <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>