Z CSS linki możesz ostylować na wiele sposobów. Możesz sprawić aby link wyglądał jak tekst, lub przycisk.
Style linku
Do zmiany styli linków, można wykorzystać niemal wszystkie właściwości CSS, takie jak colo, background-color, font i wiele innych.
Pseudoklasy linku
Dodatkowo link posiada tak zwane pseudoklasy, które odpowiadają pewnym akcją. Te akcje to najechanie myszką na link, aktywny link, bądź też link odwiedzony. Warto je znać, bo można w ten sposób dodać ciekawe efekty na stronie.
Pseudoklasy, które można wykorzystać to:
:link- zwykły nieodwiedzony link:visited- link, który został odwiedzony przez użytkownika:hover- link, na który najeżdża kursor myszy:active- link, który został kliknięty
Warto dodać, że te pseudoklasy powinny być zdefiniowane w tekiej kolejności jak powyżej, w przeciwnym razie przeglądarka może zignorować niekótre ze zdefiniowanych zachowań, bo zostaną one nadpisane. Dodam, że można pominąć niektóre pseudoklasy i to nie będzie stanowić problemu.
Link button
Poniżej bardziej zaawansowany przyklad, pokazujący jak stworzyć link który wygląda jak przycisk.