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

Возникла потребность на странице текст разместить на фоне серого блока с закругленными углами 1. Сверстала таблицу, разместила текст и в ячейках прописала фон и радиусы для 1. верхнего левого угла {border-top-left-radius: 10px;} 2. для верхнего правого угла {border-top-right-radius: 10px;} 3. для нижнего левого угла {border-bottom-left-radius: 10px;} 4. для нижнего правого угла {border-bottom-right-radius: 10px;} Таблица без выделения границ Таблица с выделенными границами Понятно, что все стили...