Рецепты HTML

CSS Цвета

С помощью стилей можно установить цвет текста или фона на веб-странице. Даже если цвета на странице уже определены в теге BODY, они будут заменены теми, которые указаны в CSS. Вдобавок, установка цветов с помощью стилей обладает большими возможностями по сравнению с HTML. В частности, при работе с таблицами не придется описывать цвет фона и текста в каждой ячейке, а достаточно задать стиль для тега TD.

Стилями можно задать цвет текста, фоновый цвет или установить фоновый рисунок для определенной области.

В HTML цвет задается по имени (black, red, white и т.д.) или по его шестнадцатеричному значению (например: #C0FF66). CSS предоставляет больше возможностей для указания цвета:

1. По названию цвета
Все названия цветов можно посмотреть на странице http://html.krsk.ru/reference/colorname.asp

Пример 1. Установка цвета по его имени

.mycolor { color: green; color-background: yellow; }

2. По шестнадцатеричному значению
Наиболее распространенный способ указания цвета.

Пример 2. Установка цвета по его шестнадцатеричному значению

.mycolor { color: #000000; color-background: #c0c0c0; }

3. По RGB значению
CSS позволяет использовать десятичные значения каждого компонента RGB цвета - красного, синего и зеленого.

Пример 3. Установка цвета по RGB значению

.mycolor { color: rgb(102,153,153); color-background: rgb(255,255,204); }

Также задавать цвета в RGB можно и в процентном отношении.

Пример 4. Установка цвета по RGB в процентном отношении

.mycolor { color: rgb(50%,75%,75%); color-background: rgb(100%,100%,87%); }

Copyright Влад Мержевич. По всем вопросам пишите мне по адресу inferos@mail.ru