Hiperlink-uri de stil (html css)

Implicit, hyperlink-urile text sunt evidențiate vizual în toate browserele. Varianta cea mai comună este un text albastru, cu un subliniere, când plasați cursorul peste link, cursorul este sub forma unei mâini. Legăturile vizitate își schimbă culoarea la bard. Acest lucru este convenabil din punctul de vedere al vizibilității, dar pentru designul armonios al locației, această opțiune este aproape niciodată potrivită. Prin urmare, pentru referințe sunt folosite stiluri speciale. După cum știm, pentru a aplica stiluri pentru toate elementele de acest tip pe pagină, puteți utiliza selectorul ca nume de etichetă. Pentru referințe, acesta este selectorul a. Pentru selectorii utilizați pentru a schimba stilurile de legătură, se aplică următoarele postfixe:







Aplicați stiluri pentru linkuri care nu sunt încă vizitate







Aplicați stiluri pentru link când plasați mouse-ul peste mouse

Aplică stiluri pentru un link când dai clic pe el

Aplicați stiluri pentru linkurile deja vizitate

Nu este necesar să folosiți împreună toate aceste postfixuri pentru a descrie stiluri. Să presupunem că trebuie să facem toate link-urile de pe pagină neagră, iar când cursorul să fie orientat pe roșu. Pentru a face acest lucru, este suficient:

Textul subliniat al legăturilor este specificat de stilul de decorare a textului. Cele două valori cele mai comune sunt subliniate (subliniate, setate implicit pentru linkuri) și nici una (fără subliniere). Astfel, pentru a elimina sublinierile de link-uri, trebuie să setați stilul de decorare text la nici unul:

Stilul de decorare text nu permite modificarea stilului de subliniere, astfel încât să puteți utiliza stilul inferior pentru a crea, de exemplu, link-uri cu o linie subliniată. Uitați-vă la un exemplu mic, în care linkurile sunt subliniate cu o linie întreruptă atunci când plasați cursorul peste cursor:







Articole similare

Trimiteți-le prietenilor: