Poniżej znajdują się kroki, w jaki sposób możesz zmienić kolor linków wyświetlanych na Twojej stronie za pomocą HTML i CSS. Chociaż kolory linków można wykonać za pomocą znacznika HTML BODY, zawsze zalecamy wykonanie jakichkolwiek ustawień stylizacji 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.

Zrozumienie różnych typów hiperłączy

Hiperłącza to specjalne elementy na Twojej stronie, ponieważ są interaktywne. Aby wskazać, że są interaktywne, różnią się kolorami w zależności od ich stanu. Hiperłącze ma trzy specjalne kolory, oprócz oryginalnego koloru, które reprezentują trzy różne stany:

1. Odwiedzony link - kolor po odwiedzeniu linku. Jeśli hiperłącze jest tym kolorem, użytkownik może oczekiwać, że kliknięcie łącza spowoduje przejście do strony, którą już widzieli.
2. Łącze w dymku - Kolor, w którym mysz unosi się nad linkiem. Jeśli hiperłącze jest w tym kolorze, użytkownik może oczekiwać, że naciśnięcie lewego przycisku myszy (kliknięcie), a następnie zwolnienie przycisku spowoduje, że łącze zostanie odwiedzone. Kolor najechania jest taki sam dla łączy aktywnych i odwiedzanych.
3. Aktywne łącze - kolor łącza po kliknięciu. Gdy użytkownik zobaczy ten kolor, może oczekiwać, że zwolnienie przycisku myszy spowoduje, że przeglądarka przejdzie do łącza.

Wskazówka: zapoznaj się z naszą definicją hiperłącza, aby uzyskać dodatkowe informacje i powiązane pytania do hiperłączy.

Przykład koloru łącza CSS

W poniższym przykładzie CSS ustawiamy kolory hiperłącza tak, aby przypominały kolory pokazywane na tej stronie. Po pierwsze, wszystkie kotwice są ustawione na # 2c87f0 (odcień niebieskiego), # 636 na odcień fioletu, a wszystkie kolory zawisu i aktywne linki: # c33 (czerwony). Poniższy kod można dodać do elementu stylu CSS lub do pliku .css.

 a {kolor: # 2c87f0; } a: visited {color: # 636; } a: hover, a: active, a: focus {color: # c33; } 

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, zdecydowanie zalecamy używanie powyższego kodu CSS zamiast znacznika treści. Możesz dodać powyższy kod do pliku CSS i połączyć wszystkie swoje strony internetowe z tym plikiem CSS. Następnie możesz zmienić wartości koloru tła w tym jednym pliku CSS, aby natychmiast zmienić kolor tła wszystkich łączących się z nim stron.

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.