Как да добавите фон към уеб страница: 14 стъпки

Фонът е един от най-важните елементи на уебсайта. Добър фон създава известно настроение, очарование на сайта и допълва неговото съдържание. Има много различни начини за добавяне на фон. Някои методи ви позволяват да нанесете фона за всички страници на сайта, докато други добавят фона само към определена страница. Тази статия ще ви научи как да добавите фон към вашия сайт, като използвате HTML или CSS.

Стъпка

Метод 1 от 2:

Използване на HTML

Монолорен фон

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

Изображение, озаглавено Добавяне на фон към уебсайт стъпка 2

2. Отворете страницата Източник (източник).

Изображение, озаглавено Добавяне на фон към стъпка 3

3. В текстовия код пишете bgcolor. Сега текстът ще изглежда - В полето Име на полето (Colorname) въведете името на цвета на английски език. Например -

(Цвят)

(стая)

(Стойност на RGB)

Изображение, озаглавено Добавяне на фон към уебсайт стъпка 4

4. Експериментирайте с стойността на RGB и ще имате много различни нюанси. Не забравяйте, че цветовете трябва да бъдат въведени правилно и на английски език.

Изображение като фон

Добавете изображение като фон по-сложен от един цветен фон.

един. Добавете такава стойност към кода -, където SRC е източникът или връзката към местоположението на изображението.
(в същата папка)
(в друга папка)
(в интернета)
2. Не забравяйте, че трябва да въведете изображения във формат .jpg / .JPEG /.jpg.

Метод 2 от 2:

Използване на CSS

Изображение, озаглавено Добавяне на фон към стъпка 6

Монолорен фон

един. За да добавите един цветен фон в CSS, добавете атрибут на стила. Можете също да зададете идентификатор и клас и да използвате външни и вътрешни примери за стилове.
2. Кодовият код трябва да изглежда като -
, където colorname е името на цвета, неговия номер или негов RGB .

Добавяне на изображение

един. За да добавите изображение, добавете атрибут в стил към изходния код.Можете да зададете идентификатор и класове, както и да използвате външни, като вътрешни примери за стилове.
2. Кодът трябва да изглежда като -
3. Не забравяйте, че SRC е оригиналното местоположение на изображението. Например, папка или връзка.
(в същата папка)
(в друга папка)
(Връзка към страницата в интернет).
4. Не забравяйте, че трябва да зададете името и разширяването на файла.

Повторете фоновото изображение няколко пъти

един. За да направите фон с повторение на едно изображение или модел, променете кода - URL (`SRC`) - повторение: повторения- "> Където Repeat-Settings е настройките за повторение на изображението.Например-
(Повтарящо се изображение хоризонтално и вертикално.Чест
(Многократно изображение хоризонтално.Чест
(Повторете изображението вертикално.Чест

Изображение, което не свива

един. Изображение, което не свива, когато преглеждате долната или горната част на сайта. Ето кода -
, Където SRC е оригиналната папка с изображението, позицията е позиция на изображението (например, център, отгоре, отдолу) - фонов тип.

Съвети

Прочетете цялата статия.

Предупреждения

В HTML 4.01 в XHTML Този метод може да не работи.