Приднестровская поддержка XOOPS
Для указания фонового изображения веб-страницы используется свойство 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.
Отправитель | Нити |
---|
6 пользователь(ей) активно (4 пользователь(ей) просматривают Инструкции)
Участников: 0 Гостей: 6 далее... |