Як додати фон на веб-сторінку: 14 кроків

Фон є одним з найбільш важливих елементів веб-сайту. Хороший фон створює певний настрій, шарм сайту і доповнює його зміст. Є багато різних способів додати фон. Деякі методи дозволяють застосувати фон для всіх сторінок сайту, в той час як інші додають фон тільки на певну сторінку. Ця стаття навчить вас, як додати фон на ваш сайт за допомогою HTML або CSS.

кроки

Метод 1 з 2:

За допомогою HTML

одноколірний фон

1. Одноколірний фон - найголовніший тип фонів, який можна поставити на веб-сайт. Насправді, кожен веб-сайт створюється на білому тлі. Проте, в той час як білий фон може бути дуже приємний на вид і не дратівливий, деякі вважають за краще кольоровий фон з різними темами та малюнками.

2. Відкрийте вихідний код сторінки (source).

3. У тексті коду напишіть bgcolor. Тепер текст буде виглядати так - в поле НАЗВАНІЕЦВЕТА (COLORNAME) введіть назву кольору англійською. наприклад -

(Колір)

(Номер)

(Значення RGB)

4. Експериментуйте зі значенням RGB і у вас вийде багато різних відтінків. Пам`ятайте, що кольори треба вводити правильно і англійською.

Зображення в якості фону

Додати зображення в якості фону складніше, ніж одноколірний фон.

1. Додайте таке значення в код -, де SRC це вихідний файл або посилання на місце розташування зображення.
(В тій же папці)
(В іншій папці)
(в інтернеті)
2. Пам`ятайте, що потрібно вводити зображення у форматі .jpg / .jpeg /.jpg.

Метод 2 з 2:

За допомогою CSS

одноколірний фон

1. Щоб додати одноколірний фон в CSS, додайте атрибут стилю. Ви можете також призначити ID і клас і використовувати як зовнішні, так і внутрішні приклади стилів.
2. Текст коду повинен виглядати так -
, де COLORNAMEето назву кольору, його номер або його RGB .

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

1. Щоб додати зображення, додайте атрибут стилю в вихідний код.Ви можете призначати ID і класи, а також використовувати як зовнішні, як і внутрішні приклади стилів.
2. Код повинен виглядати так -
3. Пам`ятайте, що SRC це вихідне місце розташування зображення. Наприклад, папка або посилання.
(В тій же папці)
(В іншій папці)
(Посилання на сторінку в інтернеті).
4. Пам`ятайте, що потрібно вказати ім`я файлу і розширення.

Повторити зображення фону кілька разів

1. Щоб зробити фон з повторенням одного зображення або візерунка, змініть код на - url ( `SRC`) - background-repeat: REPEAT-SETTINGS- "> Де REPEAT-SETTINGS це налаштування повторення зображення.наприклад-
(Повтор зображення горизонтально і вертикально.)
(Повтор зображення горизонтально.)
(Повтор зображення вертикально.)

Зображення, яке прокручується

1. Зображення, яке прокручується, коли ви переглядаєте нижню або верхню частину сайту. ось код -
, де SRC це вихідна папка з зображенням, POSITION це позиція зображення (наприклад, центр, верх, низ) - background - тип фону.

Поради

Прочитайте статтю повністю.

попередження

В HTML 4.01И в XHTML цей метод може не спрацювати.