Главная   »   Статьи   »   Делаем сами   »   Как поставить фон на сайт

Как поставить фон на сайт

article108.jpg


Инструкция
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).



Следуйте за нами