Link CSS (link)
Różne linki mogą mieć różne style.
Styl link
linki Style można stosować żadnych właściwości CSS (takich jak kolor, czcionki, tła, itp).
linki specjalne mogą mieć różne style, w zależności w jakim są stanie.
Cztery stany Link to:
- a: link - normalna, nieodwiedznych linki
- A: visited - użytkownik odwiedził linki
- : hover - gdy użytkownik najedzie myszą na link
- a: active - kliknięciu łącza w momencie,
Przykłady
a: visited {color: # 00FF00;} / * * / odwiedzane linki
: hover {color: # FF00FF;} / * przesunąć mysz do łącza * /
a: aktywna {color: # 0000FF;} / * mouse click * /
Spróbuj »
Przy ustawieniu kilku stylu stanu łącza, istnieją pewne zasady kolejności:
- a: aktywowania muszą przestrzegać a: link oraz a: visited później
- a: aktywne muszą przestrzegać: hover tyłu
Wspólne style Link
Zgodnie z powyższym przykładzie zmiany połączenia koloru, aby zobaczyć w jakim stanie jest w.
Spójrzmy na kilka innych typowych sposobów powiązania stylu:
Text-decoration
atrybutu text-decoration stosowana jest głównie usunąć podkreślenie na linki:
Przykłady
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
Spróbuj »
Kolor tła
Właściwość określa kolor tła kolor tła link:
Przykłady
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}
Spróbuj »
Więcej przykładów
Dodaj różnych stylów hiperłączy
Ten przykład pokazuje, jak dodać inne style do hiperłączy.
Zaawansowane - Tworzenie łączy pole
Ten przykład pokazuje, bardziej zaawansowany przykład, możemy połączyć kilka właściwości CSS wyświetlane jako pola.