Инструкция
1
За управление фоном отвечает атрибут background. Чтобы равномерно залить страницу одним цветом, используйте тег стиля в body: <body style="background-color:#000000">. Получится черный фон. Если применяете CSS, в head поставьте: <style>body {background-color: #000000;}</style>
2
С помощью связки <body style="background-image:url"> задается повторяющееся изображение. Адрес указывается в виде внешней или внутренней ссылки. При использовании такого метода важно, чтобы стыки между картинками оставались незаметными, иначе страница будет выглядеть неряшливо. В CSS используйте: <style>body {background-color: #000000;background-image: url(images/pattern.png);}</style>.
3
Повторением рисунка можно управлять. За эту функцию отвечает background-repeat вместе со следующими элементами:- repeat-x – повторение по горизонтали;- repeat-y – повторение по вертикали:- repeat – повторение в обоих направлениях;- no-repeat – без повторения.Задается так:<style> body { background-color: #000000; background-image: url("butterfly.gif"); background-repeat: no-repeat; } </style>
4
Расположить изображение в нужной части web-страницы помогает background-position. Координаты можно задать с помощью процентного соотношения (50% 75%), сантиметров (5cm 5cm), пиксельной пропорции (200px 400px), словесной формы (left, right, top, center, bottom). Например:<style> body { background-color: #000000; background-image: url("butterfly.gif"); background-repeat: no-repeat; background-attachment: fixed; background-position: left bottom; }</style>Значение 0% 0% равно top left.
5
Свойство background-attachment указывает на способ прокрутки изображений: вместе со страницы (background-attachment: scroll) или нет (background-attachment: fixed).
