Background-color

Устанавливает фоновый цвет элемента. Хотя этот параметр не наследует свойства своего родителя, из-за того, что начальное значение цвета фона устанавливается прозрачным, он совпадает с фоном текущего элемента Аналог для HTML-тегов bgcolor.

Синтаксис

background-color: цвет | transparent

Цвет можно задавать тремя способами.

• По его названию red, blue, yellow
• По шестнадцатеричному значению
• С помощью RGB

Кроме значения цвета, еще один допустимый аргумент — transparent, устанавливающий прозрачный фон.

<style type="text/css">

BODY {

background-color: #3366CC; /* Цвет фона веб-страницы */

}

H1 {

background-color: RGB(249, 201, 16); /* Цвет фона под заголовком */

}

P {

background-color: maroon; /* Цвет фона под текстом параграфа */

color: white; /* Цвет текста */

}

</style>

Background-image

Устанавливает фоновое изображение для элемента. Если одновременно для элемента задан цвет фона, он будет показан, пока фоновая картинка не загрузится полностью. То же произойдет, если изображение не доступно или отключен их показ в браузере. В случае наличия в рисунке прозрачных областей, через них будет проглядывать фоновый цвет.

Синтаксис

background-image: url(путь к файлу) | none

В качестве значения используется путь к графическому файлу, который указывается внутри конструкции url(). Путь к файлу при этом можно писать как в кавычках (двойных или одинарных), так и без них. Когда фоновое изображение не требуется, аргумент может принимать значение none.

<style type="text/css">

BODY {

background-image: url(images/bg.jpg); /* Путь к фоновому изображению */

background-color: #c7b29a; /* Цвет фона */

}

</style>