Як зробити свою сторінку кольоровий

МИ У СОЦМЕРЕЖАХ -

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

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

- свій сайт
- хоча б початкові знання HTML

Інструкція

Щоб зробити кольоровий однотонний фон, знайдіть в HTML-коді таку теги і . Внесіть зміни в перший тег таким чином:
.
У цій конструкції запис # FFFF33 - закодований відтінок жовтого кольору.

Колір сторінки можна вказати не тільки кодом, а й спеціальними словами - назвами основних кольорів. Для позначення кольору фону словом напишіть такий код:
.
тут "yellow" - Це назва жовтого кольору.

Замість кодового позначення жовтого кольору або його назви внесіть в тег бажане позначення потрібного вам кольору фону, користуючись цією підказкою:
червоний - "red" ("# FF0000")
синій - "blue" ("# 0000FF")
зелений - "green" ("# 008000")
рожевий - "pink" ("# FFC0CB")
фіолетовий - "violet" ("# EE82EE")
помаранчевий - "orange" ("# FFA500")
чорний - "black" ("# 000000")

Якщо ви хочете, щоб на тлі сайту було повторюване зображення, то підберіть невелику за розміром картинку, на тлі якої буде добре видно текст. Залийте картинку на сайт. Для приміщення картинки в якості фону впишіть такий код в тег

У цьому записі замість "/images/fon.jpg" вкажіть шлях до потрібної картинці.

Колір веб-сторінок можна задавати не тільки в коді HTML, але і за допомогою стилів CSS. Використовуючи ці стилі, не потрібно кожного разу встановлювати фон в коді нової сторінки. Для визначення фону в CSS між тегами і помістіть такий запис:

Тут колір фону задається параметром background.

Якщо ви хочете в CSS зробити фон за допомогою зображення, то між і напишіть такий код, замість `/images/fon.jpg` вказавши шлях до потрібної зображенні:

Тут параметр background-image визначає фонову картинку, background-repeat - повторюваність картинки. на сторінці.

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