Веб Навсегда.инфоCSS-стили → BACKGROUND-COLOR

Реклама


!!! Ваша ссылка здесь всего за 10 руб в месяц на всех страницах сайта!!!

BACKGROUND-COLOR

Описание элемента

Задает цвет фона элемента.

Синтаксис

Элемент { background-сolor: transparent "цвет" }

Возможные аргументы

transpаrent - указывает, что фон будет полностью прозрачным.

  1. Цвет по названию
    Можно указать название цвета, например Red, DarkGreen и т.д.
     
  2. Шестнадцатеричное значение в формате RGB.
    Это очень распространенный и наиболее универсальный вариант. Возможно вы видели, как какой-нибудь цвет обозначают примерно так: #AF9F1C. Это и есть шестнадцатеричный формат. В нём есть 4 составляющие:
     1) В начале идёт символ #
     2) Следующие 2 символа обозначают долю красного цвета (Red)
     3) Затем идут 2 символы обозначающие долю зелёного цвета (Green)
     4) И последние 2 символа указывают долю синего цвета (Blue)
    Так же разрешается использовать сокращённую форму #RGB, где каждый цвет будет удваиваться (т.е. например #A9C, будет восприниматься  браузером как #AA99CC)
     
  3. RGB формат
    А можно и просто в формате RGB, при этому необходимо использовать такой синтаксис: RGB(значение, значение, значение), где значение - это число от 0 до 255 обозначающее, соответственно, долю цвета (Первое - это красный, второй - зелёный и третий - синий).

Значение по умолчанию

transpаrent

Примеры использования

Пример использования BACKGROUND-COLOR

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Пример параметра BACKGROUND-COLOR</title>
<style type="text/css">
BODY
{
 background-color: antiquewhite;
}
P
{
 background-color: #7D91FB;
}
.other
{
 background-color: RGB(149, 223, 251);
}
</style>
</head>
<body>
<p>И вот вам пример, в котором чать фона одного цвета (antiquewhite), фон в параграфе другого цвета (#0000A0),<span class="other"> а часть текста выделена ещё одним цветом фона ( RGB(149, 223, 251) )</span></p>
</body>
</html>

B вот  что вы увидите в результате:
Пример атрибута BACKGROUND-COLOR