CSS : A linkelt szöveg alatt lévő aláhúzás eltüntetése |
A linkelt szöveg alatt lévő aláhúzás eltüntetése
Nem kell linkeffektet cserélned, bármilyen effektet is használsz, a lényeg, hogy szöveg dekorációhoz írd oda, hogy nincs. Tehát ezt:
text-decoration: none
ha a te linkeffektedben (CSS-ben) nincs szó szöveg dekorációról, akkor nyugodtan írd be a kódba a fentebbi sort, példa:
Ez egy sima linkeffekt, a linkek feketék, ha ráviszed az egeret, akkor szürke lesz. (link: a link színe, amit épp látsz, visited: a link színe, amelyre már kattintottál, hover: ha ráviszed az egeret a linkre ilyen színű lesz)
A:link
{ FONT-SIZE: 8pt; COLOR: #ffffff}
A:visited
{ FONT-SIZE: 8pt; COLOR: #FFffff}
A:hover
{ FONT-SIZE: 8pt; COLOR: #CCCCCC}
Így néz ki, miután megadtuk, hogy ne legyen szöveg dekoráció:
A:link
{ FONT-SIZE: 8pt; COLOR: #ffffff; TEXT-DECORATION: none}
A:visited
{ FONT-SIZE: 8pt; COLOR: #FFffff; TEXT-DECORATION: none}
A:hover
{ FONT-SIZE: 8pt; COLOR: #CCCCCC; TEXT-DECORATION: none}
Ahogy már írtuk: bármilyen linkeffekt kódba megadhatod a "text-decoration: none"-t! Tehát nem muszáj a példában említett linkeffektet használni :). (ami egyébként így nem működőképes, hisz nincs ott a nyitó ér záró rész)
|