Очевидно, что прежде чем применить различные свойства CSS к html-таблице необходимо ее создать. О том как это сделать можно прочитать здесь. В моем случае законченный вариант таблицы будет выглядеть вот так: Это довольно простая таблица, состоящая из четырех столбцов и пяти строк. Ее html-код выглядит вот так: Обратите особое внимание на атрибут rowspan, т.к. именно с его помощью мы можем объединить четыре ячейки в первом столбце в одну. Теперь переходим непосредственно к CSS. Начать можно с ширины таблицы...

Таблицы – мощный инструмент для представления данных. В этой теме мы подробно рассмотрим, как создавать таблицы, объединять ячейки и стилизовать их. <table border="1" cellspacing="0" cellpadding="10"> <tr> <th>Имя</th> <th>Возраст</th> <th>Город</th> </tr> <tr> <td>Анна</td> <td>25</td> <td>Москва</td> </tr> <tr> <td>Иван</td> <td>30</td> <td>Санкт-Петербург</td> </tr> </table> <table border="1"> ...