Jak zmienić kolor tła i tekstu strony internetowej

Poniżej znajdują się kroki, w jaki sposób możesz zmienić kolor tła strony internetowej w HTML i CSS. Chociaż kolor tła można zrobić za pomocą znacznika HTML BODY, zalecamy określenie wartości koloru tła w CSS, jak pokazano poniżej.

Wskazówka: podczas definiowania koloru dowolnego elementu strony internetowej może być konieczne użycie kodów kolorów HTML. W przypadku głównych kolorów można również określić nazwy tych kolorów, zamiast używać kodów kolorów, na przykład czerwonego, niebieskiego, zielonego i czarnego, zamiast używać ich szacowanych wartości kodów kolorów.

Przykład CSS

W poniższym przykładzie CSS ustawiamy ciało tak, aby miało kolor tła czerni, dodając „kolor tła: # 000;” w bloku ciała. Ponieważ kolor tła jest czarny, kolor tekstu musi się również zmienić lub nie będzie widoczny. Tak więc ustawiamy kolor tekstu na biały, dodając „color: #fff;” do bloku.

 body {font-family: Helvetica, Arial, sans-serif; kolor tła: # 000; kolor: #fff; } 

Jeśli twoja strona nie używa CSS lub nie chcesz konwertować do CSS, poniżej przedstawiono kroki, jak to zrobić w tagu BODY w kodzie HTML. Jednakże, jak wspomniano wcześniej, zalecamy używanie powyższego kodu CSS zamiast znacznika treści. Jeśli używasz stylizacji CSS, możesz zmienić wartości koloru tła raz, a zmiany zostaną automatycznie zastosowane do wszystkich elementów HTML korzystających z tego stylu.

Przykład znacznika treści HTML

W niektórych bardzo rzadkich sytuacjach użycie CSS może nie być możliwe. W takich sytuacjach można również zdefiniować kolor tła, kolor tekstu, kolor łącza i inne wartości w znaczniku treści HTML, jak pokazano poniżej.

Poniżej znajdują się opisy każdego z atrybutów HTML w znaczniku treści.

TEXT = Kolor tekstu.

LINK = Kolor linków.

VLINK = Kolor odwiedzonego linku.

ALINK = Kolor aktywnego łącza lub kolor, na który łącze zmienia się po kliknięciu.

BGCOLOR = Kolor tła strony.

Wskazówka: aby lepiej zilustrować wszystkie powyższe wartości, na tej stronie kolor linku jest niebieski, linki, które odwiedziłeś są fioletowe, a linki, które są zawieszone lub kliknięte, są czerwone.