Hogyan lehet eltávolítani az aláhúzás linkeket html css keresztül
Ha kíváncsi erre a kérdésre, akkor valószínűleg Ön új CSS stílusokat. Ebben a cikkben fogom leírni, hogyan kell eltávolítani aláhúzás linkek segítségével CSS, valamint meséljek az ellenkező probléma, hogyan kell kiemelni linkeket, ha mozog, stb Tekintsük az összes lehetséges opciókat.
Alapértelmezésben minden link kiemelve. Mindig érdemes megjegyezni, ha új osztályok tag CSS.
Aláhúzás linkek megfelel speciális CSS text-decoration tulajdonság. amely a következő értékeket:
- aláhúzott (aláhúzás alkalmazható);
- none (kiemelés ki);
Példák a text-dekoráció
Példa №1. Távolítsuk el az aláhúzás a linkek
Vegyük az első opció, melyben kérünk az általános (minta) style referenciákat (szín és méret), és még mindig kérni két osztály hivatkozásokat. Class podcherk linket tartalmaz hangsúlyozzák, és ennek megfelelően eltávolítja notpodcherk kiemelése. A következő kód ezt szemlélteti:
Ez az, amit át ezt a kódot:
Példa №2. Távolítsuk el az aláhúzás, ha lebeg
2. Most úgy ebben az esetben, hogy a hangsúlyt a linkeket, ha lebeg felette.
Ez a kód alakítjuk egy link:
Példa №3. Azt, hogy egy szép aláhúzás
Végül, úgy a szokatlan design a referencia, azaz, hogy egy szép aláhúzás linkeket három változatban kapható: pontozott, és szilárd hátteret. Tény, hogy ez az egész egzotikus, de lehet, hogy az oldal még érdekesebbé, bizonyos esetekben, hogy egy szokatlan hangsúlyt linkeket.
Átváltva az oldalon:
Ez tulajdonképpen az összes legérdekesebb példa, hogy hangsúlyozza a linkeket. A fő válasz arra a kérdésre ez a cikk a következő sort: text-decoration: none (eltávolítja az aláhúzás).