CSS (Cascading Style Sheets) - это язык стилей, который используется для описания внешнего вида HTML-документа. Он определяет, как элементы HTML должны отображаться на экране, при печати или на других носителях. CSS-правило состоит из селектора и блока объявлений. Блок объявлений заключается в фигурные скобки {} и содержит одно или несколько объявлений, разделенных точкой с запятой ;. Каждое объявление состоит из свойства и значения, разделенных двоеточием :. selector { property: value; property: value; ...

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