Latest web development tutorials

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: link {color: # FF0000;} / * nieodwiedzonych Link * /
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:link {text-decoration:none;}
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:link {background-color:#B2FF99;}
a:visited {background-color:#FFFF85;}
a:hover {background-color:#FF704D;}
a:active {background-color:#FF704D;}

Spróbuj »


Przykłady

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.