În mod implicit, anumite browsere folosesc seturi de stiluri CSS pentru elemente HTML specifice. Valoarea implicită hyperlink-uri acestor stiluri se stabilește că orice text link-ul afișat în albastru, cu subliniere CSS. Acest lucru se face pentru a se asigura că vizitatorii site-ului pot determina cu ușurință că textul este o legătură. Mulți designeri web nu acorde atenție la aceste stiluri prestabilite, în special subliniere. Din fericire, CSS vă permite să schimbați cu ușurință aspectul de hyperlink-uri.
referințe Ștergerea subliniere
Cu stilul CSS subliniere toate link-urile pot fi eliminate folosind această linie de cod.
Atenție pentru îndepărtarea subliniere
Fie că vă place sau nu subliniez, nu se poate nega faptul că vă permite să specificați relația dintre text cu un link. Dacă eliminați subliniere sau modificați link-urile de culoare albastru, atunci ai nevoie pentru a oferi în schimbul stiluri care vă permit să selectați link-uri text. Acest lucru va face interacțiunea cu vizitatorii site-ului intuitiv.
Nu subliniați textul care nu este asociat cu referința
Nu subliniați text care nu este o legătură. Oamenii sunt obișnuiți cu faptul că textul subliniat (folosind CSS culoare underline) este o referință. Dacă sublinia conținut pentru a accentua atenția pe el (în loc să-l ia cu litere aldine sau cursive), introduceți utilizatorii site-ului pe căi greșite.
Modificarea solide sau punctate puncte subliniind
Dacă doriți să salvați reliefarea de link-uri, dar schimba stilul implicit (linia „solidă“), acest lucru se poate face după cum urmează. În loc de a folosi o linie de puncte solide. Pentru a face acest lucru, scoateți subliniere și să o înlocuiască cu proprietatea de frontieră-jos:
Deoarece standardul CSS sublinieri Decorații pentru text am eliminat, va fi afișată numai linia punctelor:
Același lucru se poate face pentru a obține o subliniere punctată. Doar schimba valoarea-frontieră de jos pentru a punctată:
Culoare Schimbarea subliniere
O altă modalitate de a atrage atenția utilizatorilor la link-urile - pentru a schimba culoarea de subliniere. N Amintiți-vă că culoarea CSS textului subliniere trebuie să se potrivească cu schema de culori:
subliniere dublă
Truc pentru a crea o subliniere dublă este de a modifica lățimea cadrului. Dacă creați o lățime cadru de 1 pixel, rezultatul va fi de două subliniere care arata ca unul:
Puteți utiliza, de asemenea subliniere implicit, pentru a crea o subliniere dublă alternativă. De exemplu, la una dintre liniile duble a fost:
Nu uita despre diferitele stări de legătură
Puteți utiliza, de asemenea, la granițele țării de jos pentru diferitele stări de legătură. Folosind o: Hover clasa pseudo va ajuta la îmbunătățirea interacțiunea cu utilizatorul. Pentru a crea un al doilea punct subliniind afișată atunci când treceți de referință indicatorul mouse-ului, utilizați următorul cod și CSS dezactivând decorare textul de subliniere:
Traducerea articolului «Cum de a schimba link subliniază pe o pagină Web» a fost pregătit de o echipă de proiect prietenos Web design de la A la Z.