Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Информационный Бестселлер на DVD или CD

Статьи для сайтов!!!
Главная CSS по шагам Свойства CSS Background-image Background-position

Свойство background-image

Описание

Свойство background-image используется для задания фонового изображения элемента.

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

Это свойство применимо ко всем элементам.

Значение

- url – указывается адрес файла с изображением. Абсолютный или относительный путь к файлу (подробнее здесь...),

- none - указывает на отсутствие фонового изображения,

- inherit - принимает значение свойства родительского элемента.

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

- none


Пример

Пример - Свойство background-image

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title> Свойство background-image </title>

<style type="text/css">
h1 {background-image:url(img/oblaka.jpg); height:200px; width:700px; margin:5px}
p {
background-image:url(img/peng_128.gif); height:150px; width:700px}
</style>

</head>
<body>
<h1> Я выбрал небо в качестве фонового изображения для заголовков первого уровня. </h1>
<p> Для абзацев фоновым изображением является пингвин. </p>
</body>
</html>

При просмотре в браузере

Я выбрал небо в качестве фонового изображения для заголовков первого уровня.

Для абзацев фоновым изображением является пингвин.


Свойство Background-color Свойство Background-image Свойство Background-position
Свойства CSS
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru