Как да зададете фона

Съдържание:

Как да зададете фона
Как да зададете фона

Видео: Как да зададете фона

Видео: Как да зададете фона
Видео: Как самому создать сайт на конструкторе Платформа ЛП 2024, Ноември
Anonim

За да украсите уебсайта си в интернет, можете да направите промени в дизайна му. Промяната на дизайна предполага всяко действие, от промяна на фона на основната страница до напълно преначертаване на шаблона на сайта. Ако решите да промените фона на вашия сайт, следващата инструкция ще ви помогне при решаването на този проблем.

Как да зададете фона
Как да зададете фона

Необходимо

Редактиране на css файла

Инструкции

Етап 1

В по-голямата си част кодът за дизайн на сайта се намира във файла style.css. Но всеки шаблон може да се различава от предишния, така че дизайнерският код може да се намира в различен файл, но също и с разширението css. За да зададете цвета на фона на вашия сайт, трябва да въведете или замените съществуващата стойност със следния израз: / * бял фон * / тяло {

background-color: #FFFFFF;} / * бял фон на заглавието, черен цвят на шрифта * / h1 {

цвят: # 000000;

фон-цвят: #FFFFFF;

}

Стъпка 2

За да вмъкнете всяко изображение като фон на вашия сайт, трябва да въведете или замените съществуващата стойност със следния израз: body {

фон-цвят: # 000000;

фоново изображение: url ("Image-1.jpg");

}

Трябва да се отбележи, че в този случай е необходимо да се осигури връзка към файла с изображение, който ще се намира в същата папка с css файла.

Стъпка 3

Ако искате да поставите малка картина или малка картина, използвайте командата за повторение на фона. За да се използва правилно тази команда, има няколко усъвършенствания на тази команда:

background-repeat: repeat-x - повторете изображението по оста x;

background-repeat: repeat-y - повторете изображението по оста y;

background-repeat: repeat - повторете картина по две оси наведнъж;

background-repeat: no-repeat - изображението не се повтаря;

background-attachment: превъртане - превъртане на картината заедно със страницата;

background-attachment: фиксиран - изображението не се превърта.

Използвайки синтаксиса на тази команда, можете да покажете как работи в примери:

background-position: 30px 40px - Изображението е 30 пиксела надолу отгоре и 40 пиксела отляво надясно.

фон-позиция: 60% 35% - лявата подложка е 60%, а горната подложка е 25%.

Препоръчано: