Cum de a elimina link-urile de subliniere în html via css
Dacă v-ați întrebat această întrebare, este probabil ca esti nou la stiluri CSS. In acest articol voi descrie modul de a elimina reliefarea de link-uri folosind CSS, precum și să vă spun despre problema opusă a modului de a sublinia link-uri atunci când vă mutați, etc. Luați în considerare toate opțiunile posibile.
În mod implicit, toate link-urile sunt subliniere. Este întotdeauna merită să ne amintim atunci când creați noi clase pentru tag-ul în CSS.
Pentru link-uri speciale se întâlnește Sublinierea în proprietate CSS text-decor. care poate lua următoarele valori:
- subliniază (sublinia este cazul);
- nici unul (subliniere off);
Exemple de utilizare a textului-decorare
Exemplul №1. Scoateți subliniere din link-urile
Luați în considerare prima opțiune, în care cere generală (model) pentru stilul de referințe (culoare și mărime) și încă două cere referințe de clasă. link-ul de clasă podcherk include subliniere și elimină în consecință subliniere notpodcherk. Codul de mai jos demonstrează acest lucru:
Asta este ceea ce transformă acest cod:
Exemplul №2. Scoateți subliniere atunci când treci
2. Acum, ia în considerare acest caz, pentru a face un accent pe link-uri atunci când treceți peste ea.
Acest cod este transformat într-un link:
Exemplul №3. Facem o subliniere frumoasă
În cele din urmă, ia în considerare designul neobișnuit de referință, și anume de a face o subliniere frumos pentru link-uri în trei versiuni: punctate, și fundal solid. De fapt, totul exotice, dar puteți face site-ul mai interesant, în unele cazuri, pentru a face un accent deosebit pe link-uri.
Transformată pe pagina:
Asta e, practic, toate cele mai interesante exemple pentru a sublinia link-uri. Răspunsul principal la întrebarea acestui articol este linia: text-decoration: nici unul (elimină subliniere).