keszites.com

Grafikai tervezés  -  Webdesign  -  Honlapkészítés | Websablon | Wordpress



CSS hiperlink

Kategóriák : CSS, CSS3

• Egér esemény link, anchor esetében

Helyezzük el a külső CSS állományban a következő deklarációkat:

a { color:blue; text-decoration:none; }
a:hover { color:red; text-decoration:underline; }


Az „a” arra az elemre utal, amelyet a HTML kódban felhasználunk. Az ilyen elemeket szelektornak nevezzük. Ebben az esetben minden HTML kódban lévő „a” tagot átdefiniálunk.

Az color az „a” elem egy tulajdonsága, ezt pedig az értéke követi, azaz blue. Utána pedig a tulajdonság-érték deklarációt egy pontosvessző zárja.

Egy másik szelektor pedig a következő sorban látható. Ha az egeret a hiperlink fölé visszük, akkor az red, vagyis piros színre vált.

További tulajdonságokat adhatunk meg a kapcsos zárójelek között. A text-decoration egy másik deklaráció, amely működés szempontjából azt fejti ki, hogyha az egérkurzor a hiperlink fölött jár, akkor azt egy aláhúzás, underline jellemzővel látja el.


Weblap kód Designer