Как да направя фон в Html

Съдържание:

Как да направя фон в Html
Как да направя фон в Html

Видео: Как да направя фон в Html

Видео: Как да направя фон в Html
Видео: CSS свойство BACKGROUND. Делаем фон для сайта // Уроки HTML CSS JS. Урок №9 2024, Ноември
Anonim

Уеб страница с фон има тенденция да изглежда по-хубава, отколкото без нея. Коректността на показването на уеб страницата зависи от компетентните действия за добавяне на фон.

Как да направя фон в html
Как да направя фон в html

Инструкции

Етап 1

Най-лесният начин да направите фон в html документ е да присвоите стойността на атрибута на маркера на тялото. Дадена стойност за атрибута background ще определи фоновото изображение на страницата. Ако зададете стойността на атрибута bgcolor, тогава страницата ще придобие цвят на фона. Цветът в атрибута bgcolor на маркера за тяло може да бъде посочен или в шестнадесетичен, или само с една дума.

Стъпка 2

Можете да постигнете същия ефект, като използвате каскадни CSS таблици със стилове. Стойност за атрибута background-color ще определи цвета на фона на страницата, докато стойност за атрибута background-image ще определи пътя към фоновото изображение на страницата. Тези инструкции могат да бъдат написани на селектора на тялото. Можете да го направите по различен начин: да присвоите клас или идентификатор на маркера на тялото в маркера html и да присвоите горните атрибути съответно на класа или идентификатора в css. Трябва само да се има предвид, че ако атрибутите са присвоени на клас, тогава всички обекти с посочения клас ще имат цвят на фона в html документа.

Стъпка 3

Горните инструкции могат да бъдат написани в тялото на самия html документ. За да направите това, отворете стиловия маркер в раздела за услуги между маркерите за глава (отваряне и затваряне). Всички CSS изрази могат да бъдат написани между отварянето и затварянето на даден маркер. Трябва само да се има предвид, че в този случай теглото на страницата ще се увеличи, което може да повлияе отрицателно на времето, необходимо за зареждането й за крайния потребител. Трябва също да се отбележи, че в случай на посочване на фоново изображение, то може да се повтори хоризонтално, вертикално или по две оси едновременно. Атрибутът background-repeat в CSS е отговорен за това. Картината на фона може да бъде твърдо закачена, независимо от наличието на лента за превъртане в документа. За да постигнете този ефект, трябва да посочите прикачен фон: фиксиран.

Стъпка 4

Фонът на html документ може да бъде направен с помощта на програмни езици. Можете да пишете HTML инструкции, използвайки JavaScript. Конструкцията на езика document.write е подходяща за това. Ако същото нещо е изразено чрез DOM, изразът document.body.style.backgroundColor = „червен“ще направи фона на страницата червен. Това е същото като да напишете подходящия атрибут директно в CSS.

Стъпка 5

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

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