|
aranea.ru || Занятия по "Каскадным стилевым таблицам" | Таблицы
ТаблицыДля начинающего достаточно знать, как описывать границы таблиц и форматирование текста. Если вы хотите получить полную информацию, то обратитесь к разделам спецификации CSS: 17.1. Введение в таблицы.17.2. Табличная модель CSS. 17.3. Селекторы для колонок. 17.4. Таблицы в модели визуального форматирования. 17.5. Визуальная разметка содержания таблицы. 17.6. Границы. 17.7. Озвучивание таблиц. В следующем примере мы опишем границы для наших таблиц. ПРИМЕР 13BODY {color:black; background: white; font-family:Times; font-size:13pt;} H1,H2,H3 {color:red; background: #6495ED; font-family:Arial; margin-top: 5px; margin-right: 10px; margin-bottom: 3px; margin-left: 6px; border-style: solid; border-top-width: 1px; border-right-width: 2px; border-bottom-width: 1px; border-left-width: 2px; text-align:center; } H4 {font-family: Times; text-align:right;} H5 {color: green; font-family: Verdana; text-decoration:underline;} H6 {color: blue; font-family: san-serif; letter-spacing: 1em; word-spacing: 6em; text-transform: uppercase;} P {font-size:12pt; font-stretch: semi-condensed; } P.green {color:green; text-indent:5em;} .gray{color:gray;} /*установим границы для таблицы*/ TABLE {border-style: solid; border-color: black; border-width: 2px; } CAPTION {font-weight:bold;} /*установим границы для ячеек*/ TH {font-variant: small-caps; border-style: dotted; border-color: brown; border-width: 1px; } TD {font-style:italic; border-style:groove; border-width: 2px; border-color: gray;} HR {color: yellow;} A {color:red; font-family: Arial; font-size: 11pt; font-weight: bold; font-stretch: semi-expanded;} A:hover {color:white; background:red;} OL LI {font-style:italic} #other {font-style:normal; font-weight:bold;} /*подчеркнем строки ненумерованного списка*/ UL LI {font-style:normal; color: white; background: navy; border-bottom-style: dotted; border-bottom-width: 3px; border-bottom-color: #DC143C } |