ИНФОРМАЦИЯ,    ДИЗАЙН,    ПЕРЕВОДЫ,    РЕКЛАМА   .   .   .
w a p - с а й т
Информационный портал
Сегодня:  
admin@aranea.ru
+79068922256

  aranea.ru || Занятия по "Каскадным стилевым таблицам" | Таблицы

Таблицы

Для начинающего достаточно знать, как описывать границы таблиц и форматирование текста. Если вы хотите получить полную информацию, то обратитесь к разделам спецификации CSS:

17.1. Введение в таблицы.
17.2. Табличная модель CSS.
17.3. Селекторы для колонок.
17.4. Таблицы в модели визуального форматирования.
17.5. Визуальная разметка содержания таблицы.
17.6. Границы.
17.7. Озвучивание таблиц.

В следующем примере мы опишем границы для наших таблиц.

ПРИМЕР 13
BODY {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
      }

← Назад | Вперед →
Copyright ©  aranea.ru