Оглавление

Задание фонового изображения для страницы

Для указания фонового изображения веб-страницы используется свойство background-image по отношению к элементу body.

 

Решение
Следующее правило использует в качестве фона страницы изображение background-norepeat.jpg. Оно распространяется на любую страницу, к которой привязана содержащая его таблица стилей.

body {
font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif;
background-color: #D2D7E4;
color: #000000;
background-image: url(background-norepeat.jpg);
background-repeat: no-repeat;
}


Результат выполнения правила показан на рис. 3.3

 

Использование фонового изображения
Рис. 3.3. Использование фонового изображения  (demo)

 

Обсуждение
С помощью CSS-свойства background-image можно указать в таблице стилей путь к файлу с фоновым изображением. Чтобы использовать фоновое изображение для самой страницы целиком, задайте данное свойство для элемента body. Впрочем, как вы увидите в дальнейшем, фоновое изображение можно задать для любого элемента страницы.

 

По умолчанию изображение будет повторяться, располагаясь мозаично по горизонтали и по вертикали, пока не заполнит все доступное пространство. Показанный на рис. 3.3. результат был достигнут путем использования изображения со значением no-repeat свойства background.

Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити