Linkek form�z�sa CSS-ben

Demo: kattints r�, hogy l�sd, mi t�rt�nik, de a link nem mutat sehova

A linkek az egyszer� sz�veghez hasonl�an b�rmilyen CSS tulajdons�got kaphatnak (pl. bet�t�puss, -m�ret, -sz�n, h�tt�r, stb). A linkek k�l�nleges tulajdons�ga, hogy k�l�nb�z� st�lusokat kaphatnak att�l f�gg�en, hogy milyen �llapotban vannak. A linkeknek n�gyf�le �llapota lehet:

• a:link - egszer� link, ez az alap�llapot
  
• a:visited - olyan link, amire a l�togat� m�r r�kattintott, m�r megl�togatta
• a:hover - amikor az eg�r f�l�tte van
  
• a:active - a link kin�zete abban a pillanatban, amikor r�kattintanak
  

Fontos: a n�gy �llapotot ebben a sorrendben kell �rni a CSS k�dban ahhoz, hogy m�k�dj�n!

A leggyakrabban haszn�lt form�z�sok linkekn�l:

• sz�nv�lt�s
  
• h�tt�r sz�n�nek v�ltoztat�sa
• al�h�z�s elt�ntet�se (olyan, mint egy gportalos link alapb�l, aminek csak akkor lesz al�h�z�sa, ha f�l� viszed az egeret)

�A form�z�sokn�l �gyelj r�, hogy egy linken l�tsz�djon, hogy az link. Teh�t ha nincs al�h�z�s, de f�l� viszem az egeret, t�rt�njen valami.

Vannak akik szeretik v�ltogatni a linkek m�ret�t/bet�t�pus�t, ez �nmag�ban nem probl�ma, de �rdemes megn�zni, hogy nem cs�szik-e od�bb az �sszes t�bbi sz�veg/k�p, ha a link f�l� viszem az egeret, mert ez n�ha zavar� tud lenni.

<< vissza a CSS k�dokhoz!