Як змінити колір фону та тексту веб-сторінки

Нижче наведено кроки щодо зміни кольору фону веб-сторінки в HTML і CSS. Хоча колір фону можна виконати за допомогою тега HTML BODY, ми рекомендуємо вказати значення кольору тла у CSS, як показано нижче.

Підказка: При визначенні кольору будь-якого елемента веб-сторінки, можливо, знадобиться використовувати кольорові коди HTML. Для основних кольорів можна також вказати назви цих кольорів замість використання кольорових кодів, наприклад, червоного, синього, зеленого та чорного, замість того, щоб використовувати їх шановані значення кольорового коду.

Приклад CSS

У прикладі CSS нижче ми встановлюємо колір тла чорного кольору, додаючи "background-color: # 000;" в блоці корпусу. Оскільки колір тла чорний, колір тексту також повинен змінюватися, або його не буде видно. Отже, ми встановлюємо колір тексту на білий, додаючи "color: #fff;" в блок.

 тіло {шрифт-родина: Helvetica, Arial, sans-serif; фоновий колір: # 000; колір: #fff; } 

Якщо ваша сторінка не використовує CSS або ви не хочете конвертувати в CSS, нижче наведено кроки щодо того, як це зробити в тезі BODY в HTML-коді. Однак, як згадувалося раніше, ми настійно рекомендуємо використовувати вищевказаний код CSS замість тега body. Якщо ви використовуєте стиль CSS, ви можете змінити значення фонового кольору один раз, і зміни будуть автоматично застосовані до всіх елементів HTML, що використовують цей стиль.

Приклад тега HTML

У деяких дуже рідкісних ситуаціях може бути неможливо використовувати CSS. Для цих ситуацій можна також визначити колір фону, колір тексту, колір посилання та інші значення в тезі HTML, як показано нижче.

Нижче наведено опис кожного з атрибутів HTML у тезі body.

TEXT = Колір тексту.

LINK = Колір посилань.

VLINK = Відвіданий колір посилання.

ALINK = Колір активного посилання або колір, який змінюється на посилання при натисканні.

BGCOLOR = Колір тла сторінки.

Порада. Щоб краще проілюструвати всі наведені вище значення, на цій сторінці колір посилання є блакитним, посилання, які ви відвідали, є пурпуровими, а посилання, на які наведено курсор, або червоні.