Як зробити фон сторінки

Відео - "Як змінити фон в ВК"

Сучасний ринок фрілансу відкриває широкі можливості для замовлення розробки і модифікації сайту у фахівців. Це дозволяє зовсім не вдаватися в технічні деталі і різні аспекти створення web-сторінок. Але що, якщо ваш сайт складається всього з декількох документів, а необхідно лише зробити фон сторінки певного кольору або розмістити в ньому картинку. Залучення фахівця виявляється невиправдано дорогим. Але таку дрібницю можна зробити самому всього за кілька хвилин.

Вам знадобиться

Текстовий редактор, браузер.

Інструкція

Відкрийте сторінку в браузері. Це потрібно для того, щоб контролювати зміни, що вносяться. Натисніть Ctrl + O, виберіть у меню пункти "File" і "Open File", або просто перетягніть html-файл у вікно браузера.

Як зробити & < strong>фон< / strong> < b> страніци< / b>

Відкрийте файл сторінки в текстовому редакторі. Редактор може бути будь-хто. Він повинен підтримувати редагування тексту в тій кодуванні, в якій текст представлений в html-файлі.

Знайдіть в тексті html-розмітки закриває тег елемента HEAD. Елемент HEAD розміщується на самому початку тексту, безпосередньо за початковим тегом елемента HTML. Закриває тег елемента HEAD буде виглядати так:.

Додайте елемент STYLE перед закриває тегом елемента HEAD. Для цього перед текстом додайте текст:

Додайте порожній список правил з селектором BODY в елемент STYLE. Для цього між коментарями вставте текст: BODY
{
}

Зробіть фон сторінки залитим сірим кольором. Для цього додайте в щойно створений список правил наступне правило: background-color: # CCCCCC-Змініть значення #CCCCCC на інше, якщо необхідний інший колір фона. Тут кожні два наступних послідовно символу задають інтенсивність червоного, зеленого і синього кольорів каналів в шістнадцятковій системі числення. Наприклад, щоб зробити фон сторінки зеленим, напишіть значення # 00FF00. Можна також використовувати мнемонічні позначення кольорів. Наприклад, red, green, blue, yellow.Проконтроліруйте зроблені зміни, оновивши сторінку в браузері.

Зробіть фон сторінки заповненим зображенням. Додайте в список правил з селектором BODY правило background-image: background-image: url ( "weather-mist.jpg") - Тут weather-mist.jpg - url зображення, яке буде заповнювати фон сторінки. Оновлення сторінку в браузері для того, щоб побачити зміни.

Зробіть фон сторінки, що складається з одного зображення. Додайте в список правил з селектором BODY правила background-repeat і background-position: background-repeat: no-repeat-
background-position: 5px 5px; Значення no-repeat вказує на те, що зображення не повинно дублюватися ні по горизонталі, ні по вертикалі. Значення 5px і 5px задають відступи фонового зображення зліва і зверху відповідно.

Поділися в соц мережах:

Увага, тільки СЬОГОДНІ!

Схожі