Поставянето на фоново изображение на уебсайт е петминутна работа. Много повече време се отделя за подготовка на изображението - избор, настройка, добавяне на ефекти, композиране на няколко илюстрации в един графичен файл.
Инструкции
Етап 1
Атрибутът background отговаря за управлението на фона. За да запълните равномерно страницата с един цвят, използвайте стиловия маркер в body:. Фонът ще е черен. Ако използвате CSS, поставете в главата си: body {background-color: # 000000;}
Стъпка 2
С помощта на връзка се задава повтарящо се изображение. Адресът е посочен като външна или вътрешна връзка. Когато използвате този метод, е важно шевовете между изображенията да останат невидими, в противен случай страницата ще изглежда небрежна. В CSS използвайте: body {background-color: # 000000; background-image: url (images / pattern.png);}.
Стъпка 3
Повторението на шаблона може да се контролира. Background-repeat отговаря за тази функция заедно със следните елементи: - repeat-x - хоризонтално повторение; - repeat-y - вертикално повторение: - repeat - повторение в двете посоки; - no-repeat - без повторение. това: тяло {background-color: # 000000; фоново изображение: url ("butterfly.gif"); background-repeat: no-repeat; }
Стъпка 4
Позицията на заден план помага да се позиционира изображението в желаната част от уеб страницата. Координатите могат да се задават като се използват проценти (50% 75%), сантиметри (5 см 5 см), пикселен аспект (200 пиксела 400 пиксела), словоформа (ляво, дясно, отгоре, в центъра, отдолу). Например: body {background-color: # 000000; фоново изображение: url ("butterfly.gif"); background-repeat: no-repeat; фон-прикачен файл: фиксиран; позиция на фона: ляво долу; } Стойността 0% 0% е равна на горния ляв ъгъл.
Стъпка 5
Свойството background-attachment указва дали изображенията се превъртат заедно със страницата (background-attachment: scroll) или не (background-attachment: fixed).
