| |
ойство background-repeat может иметь также следующие значения:
• repeat - фон повторяется как по горизонтали, так и по вертикали; это значение
устанавливается
по умолчанию;
• repeat-х - фон повторяется только по горизонтали;
^ repeat-у - фон повторяется только по вертикали.
Создание Web-сайтов
Положение фонового рисунка на странице можно изменить с помощью свойства
background-
position. В качестве значений этого свойства указываются ключевые слона,
характеризующие положение изображения по вертикали - top (вверху), center (по
центру),
bottom (внизу) - и по горизонтали - left (слева), center (по центру), right
(справа). Первым должно указываться вертикальное положение. Например, код
background-
position: center center выровняет рисунок по центру страницы как по
горизонтали, так и по вертикали.
>• Добавьте в описание свойств элемента body файла spisok.html свойство
background-
position: center center. Элемент в этом файле
должен принять следующий вид:
Фоновый рисунок будет помещен в центре страницы, при этом нижняя и верхняя
части
страницы, а также правая и левая при разрешении монитора 1024x768 и выше, будут
заполнены сплошным цветом.
> Просмотрите еще раз изображение в окне браузера, воспользовавшись
вертикальной
полосой прокрутки, и обратите внимание на то, что фоновый рисунок прокручивав
гея
вместе с текстом.
Вы можете, однако, фиксировать изображение так, чтобы при прокрутке фон
страницы
оставался неподвижным, а текст перемещался относительно фонового изображения.
Для этого в элементе body следует использовать свойство background-attachment
со
значением fixed: background-attachment: fixed.
> Вставьте указанное свойство в описание стиля элемента body. Элемент
HTML-кода файла spisok.html должен принять следующий вид:
Теперь вы увидите, что при прокрутке страницы фоновое изображение остается
непод
вижным, а текст и другие элементы Web-страницы перемещаются относительно фона.
Как видите, использование языка каскадных таблиц стилей предоставляет больше
воз
можностей для представления фонового изображения на Web-странице, чем
применение
атрибута background в теге .
Изображения для использования в качестве фона и рисунков в своих Web-страницах
вы
можете свободно загрузить со следующих Web-сайтов:
http://www.abcgiant.com/
http://barrysclipart.com/ ,
http://www.arttoday.com/
Графика для Web-страниц
€пы/пь J№4. «Прозрачная» графика
Во второй версии графического формата GIF, разработанной в 1989 году, появилась
возможность
указывать прозрачный цвет, т.е. такой цвет, сквозь который видно все, что под
ним находится. Но по-настоящему э
|
|