Как поставить фон на своей странице?

2 ноября 2014 г. Просмотров: 422 Инструкции
Поставить фоновый рисунок на сайт – пятиминутное дело. Куда больше времени уходит на подготовку изображения – подборку, корректировку, добавление эффектов, компоновку нескольких иллюстраций в один графический файл.
Создать сайт самостоятельно с Wix.com

Инструкция

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