Atrybut Kaskadowe arkusze stylów (CSS) jest najczęściej używany do zmiany koloru hiperłączy na stronach internetowych. Mniej funkcjonalne rozwiązania tego problemu znajdują się w języku HTML (HyperText Markup Language - "język znaczników hipertekstowych").
Czy to jest to konieczne
Podstawowa znajomość języków HTML i CSS
Instrukcje
Krok 1
Przygotuj blok stylizacji dla hiperłączy. W najprostszej formie może to wyglądać tak: a {kolor: Zielony} Tutaj "a" jest nazywane "selektorem", co oznacza, że opis stylu w nawiasach powinien być zastosowany do wszystkich znaczników linków w dokumencie. Zielony określa kolor łącza; jest to bardzo przybliżona definicja koloru i jest rzadko używana. Znacznie częściej do selektora "a" dodawana jest "pseudo-klasa" - jest to etykieta, która pozwala określić styl linku w trzech różnych stanach.
Krok 2
Użyj pseudoklasy link, aby wystylizować normalny (nieaktywny) stan linku. Może to wyglądać tak, na przykład: a: link {color: Green}
Krok 3
Użyj pseudoklasy najechania kursorem, aby określić, jak łącze powinno wyglądać po najechaniu myszą. Na przykład: a: najedź {kolor: Lime}
Krok 4
Użyj pseudoklasy odwiedzonej, aby opisać styl już odwiedzonego linku. Na przykład: a: odwiedził {kolor: DarkGreen}
Krok 5
Połącz wszystkie trzy stany w jeden blok opisu stylu. Wygląd kodu HTML zawierającego opisy stylów CSS może wyglądać na przykład tak:
a: link {kolor: zielony}
a: odwiedził {kolor: DarkGreen}
a: najedź {kolor: limonkowy}
Tutaj otwierające i zamykające znaczniki stylu HTML informują przeglądarkę, gdzie zaczynają się i kończą opisy stylów, a między nimi znajduje się opis zachowania łącza w trzech stanach.
Krok 6
Użyta powyżej próbka pokazuje tylko charakterystykę koloru, ale w opisie można uwzględnić inne atrybuty. Na przykład, jeśli projekt strony wymaga, aby łącze nie było podkreślone w stanie normalnym (nieaktywnym), ale podkreślone po najechaniu kursorem, kod można zmodyfikować w następujący sposób:
a: link {kolor: zielony; dekoracja tekstu: brak;}
a: odwiedził {kolor: DarkGreen; dekoracja tekstu: brak;}
a: najedź {kolor: limonkowy; dekoracja tekstu: podkreślenie;}
Krok 7
Jeśli chcesz zmienić kolor tylko niektórych linków na stronie, a resztę pozostawić z ustawieniami domyślnymi, dodaj atrybut class do tagu każdego zmienianego linku. Na przykład nazwij tę klasę hiperłącza newLinks. Wtedy tag link może wyglądać tak: link tekstowy Ta sama nazwa klasy musi być dodana do opisu stylu:
a.newLinks: link {kolor: zielony; dekoracja tekstu: brak;}
a.newLinks: odwiedzone {color: DarkGreen; dekoracja tekstu: brak;}
a.newLinks: najedź {kolor: Lime; dekoracja tekstu: podkreślenie;}
Krok 8
Umieść kod opisu stylu przygotowany z przykładów opisanych powyżej w nagłówku strony - między tagami i. Jeśli to konieczne, dodaj atrybut klasy do znaczników łącza o nazwie użytej w opisach stylu. Następnie zapisz zmodyfikowaną stronę, a procedura zmiany koloru hiperłączy zostanie zakończona.
