Як додати фон на веб-сторінку
Фон є одним з найбільш важливих елементів веб-сайту. Хороший фон створює певний настрій, шарм сайту і доповнює його зміст. Є багато різних способів додати фон. Деякі методи дозволяють застосувати фон для всіх сторінок сайту, в той час як інші додають фон тільки на певну сторінку. Ця стаття навчить вас, як додати фон на ваш сайт за допомогою HTML або CSS.
Кроки
Метод 1 з 2: За допомогою HTML
Одноколірний фон
1
Одноколірний фон - самий основний тип фонів, який можна поставити на веб-сайт. Насправді, кожен веб-сайт створюється на білому тлі. Тим не менш, в той час як білий фон може бути дуже приємний на вид і не дратівливий, деякі віддають перевагу кольоровий фон з різними темами та малюнками.2
Відкрийте вихідний код сторінки (source).
У тексті коду напишіть bgcolor. Тепер текст буде виглядати так - в поле НАЗВАНІЕЦВЕТА (COLORNAME) введіть назву кольору англійською. Наприклад;
1
(Колір)
(Номер)
(Значення RGB)
2
Експериментуйте зі значенням RGB і у вас вийде багато різних відтінків. Пам`ятайте, що кольори треба вводити правильно і англійською.
Зображення в якості фону
- Додати зображення в якості фону складніше, ніж одноколірний фон.
Додайте таке значення в код -, де SRC це вихідний файл або посилання на місце розташування зображення.
1
(У тій же папці)
(В іншій папці)
(В інтернеті)
2
Пам`ятайте, що потрібно вводити зображення у форматі.gif / .jpeg /.bmp.
Метод 2 з 2: За допомогою CSS
Одноколірний фон
1
Щоб додати одноколірний фон в CSS, додайте атрибут стилю. Ви можете також призначити ID і клас і використовувати як зовнішні, так і внутрішні приклади стилів.2
Текст коду повинен виглядати так -
, де COLORNAME ця назва кольору, його номер або його RGB.
Додавання зображення
1
Щоб додати зображення, додайте атрибут стилю у вихідний код. Ви можете призначати ID і класи, а також використовувати як зовнішні, як і внутрішні приклади стилів.2
Код повинен виглядати так -3
Пам`ятайте, що SRC це вихідне місце розташування зображення. Наприклад, папка або посилання.(У тій же папці)
(В іншій папці)
(Посилання на сторінку в інтернеті).
4
Пам`ятайте, що потрібно вказати ім`я файлу і розширення.
Повторити зображення фону кілька разів
Щоб зробити фон з повторенням одного зображення або візерунка, змініть код на - Де REPEAT-SETTINGS це налаштування повторення зображення. Наприклад;
1
(Повтор зображення горизонтально і вертикально.)
(Повтор зображення горизонтально.)
(Повтор зображення вертикально.)
Зображення, що не прокручується
1
Зображення, що не прокручується, коли ви переглядаєте нижню або верхню частину сайту. Ось код -
, де SRC це вихідна папка із зображенням, POSITION це позиція зображення (наприклад, центр, верх, низ) - background - тип фону.
Поради
- Прочитайте статтю повністю.
Попередження
- В HTML 4.01 і в XHTML цей метод може не спрацювати.