Łącza służą do łączenia jednej strony z innymi stronami internetowymi. Linki z tym samym kolor ponieważ reszta tekstu jest trudna do zauważenia. Właściwość color CSS służy do zmiany koloru linków.
Używając CSS, możemy stylizować linki na różne sposoby. Możemy ustawić niektóre stany hiperłącza, które są następujące:
| o:aktywny | Służy do dodawania stylu do aktywnego elementu. |
| o: najedź | Dodaje efekty specjalne do elementu, gdy użytkownik przesuwa wskaźnik myszy nad elementem. |
| o:link | Dodaje stylu nieodwiedzonemu linkowi. |
| o: odwiedziłem | Dodaje stylu odwiedzanemu linkowi. |
Należy zauważyć, że w definicji CSS, o: najedź musi przyjść po o:link I o: odwiedziłem i również o:aktywny musi przyjść po o: najedź aby było skuteczne.
Kolejność deklarowania stanów hiperłącza jest następująca:
a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC} Aby zmienić kolor łącza, musimy użyć opcji kolor właściwość CSS. Nazwę koloru można podać w dowolnym prawidłowym formacie, takim jak nazwa koloru, wartość rgb() lub wartość HEX.
Zobaczmy teraz, jak ustawić kolor linków na kilku przykładach.
Przykład
Domyślnie kolor normalnych lub nieodwiedzonych linków jest niebieski. W tym przykładzie zmieniamy domyślny kolor łącza za pomocą kolor nieruchomość.
a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> Przetestuj teraz Wyjście
Po uruchomieniu programu naszym oczom ukaże się następujący ekran.
Po najechaniu kursorem link będzie wyglądał następująco:
Gdy łącze jest w stanie aktywnym, kolor łącza jest czerwony, jak pokazano poniżej.
