Hogyan változtassuk aláhúzás linkek egy internetes oldalon, css
Alapértelmezésben böngésző a bizonyos készlet CSS stílusokat HTML-specifikus elemeket. Az alapértelmezett hiperlinkek ezek a stílusok határozzák meg, hogy bármiféle kapcsolat megjelenő szöveg kék CSS aláhúzás. Ez úgy történik, hogy a látogatók könnyen megállapíthatja, hogy a szöveg egy link. Sok webes tervezők nem figyelni ezeket az alapértelmezett stílus, különösen az aláhúzás. Szerencsére CSS segítségével könnyedén változtatni a megjelenését hivatkozásokat.
Törlése referenciák aláhúzás
A CSS aláhúzott stílust linkek segítségével lehet kivenni ezt a kódsort.
Vigyázat eltávolítására aláhúzás
Akár tetszik, akár nem hangsúlyozzák, nem lehet tagadni azt a tényt, hogy ez lehetővé teszi, hogy meghatározza a kapcsolat a szöveg egy linket. Ha eltávolítja az aláhúzás vagy változtatni a színét kék link, akkor meg kell adnia cserébe stílusok, amelyek lehetővé teszik, hogy kiválassza a szöveges linkek. Ez teszi interakció a látogatók intuitív.
Ne aláhúzott szöveg, amely nem kapcsolódik a referencia
Ne aláhúzott szöveg, ami nem link. Az emberek arra használják, hogy az a tény, hogy az aláhúzott szöveg (CSS segítségével aláhúzás színe) egy hivatkozást. Ha hangsúlyozzák tartalom akcentus figyelmet rá (ahelyett, hogy azt félkövér vagy dőlt), akkor adja meg a helyszínen a felhasználók tévútra.
Változás a szilárd vagy pontozott aláhúzás pontok
Ha azt szeretnénk, hogy mentse a aláhúzás kapcsolatok, de a változás az alapértelmezett stílus (line „szilárd”), ez lehet tenni a következő. Ahelyett, hogy egy folytonos vonal pont. Ehhez távolítsa el az aláhúzás és cserélje ki az ingatlan border-bottom:
Mivel a szabványos CSS text dekoráció aláhúzott eltávolítottuk, csak a vonal a pontok jelennek meg:
Ugyanezt meg lehet tenni, hogy egy pontozott aláhúzás. Csak megváltoztatni a border-bottom értéket szaggatott:
Változás aláhúzás színe
Egy másik módja, hogy a felhasználók figyelmének a linkek - változtatni a színét aláhúzás. N Ne feledje, hogy a szöveg színét aláhúzás CSS meg kell egyeznie a színösszeállítás:
kettős aláhúzással
A trükk az, ami egy dupla aláhúzás, hogy változik a keret szélességét. Ha létrehoz egy keretet szélessége 1 pixel, az eredmény az lesz, hogy a két aláhúzás kinéznie egy:
Ön is használja az alapértelmezett aláhúzás, hogy hozzon létre egy alternatív kettős aláhúzással. Például, az egyik vonal kettős volt:
Ne feledkezzünk meg a különböző kapcsolat állapotok
Ön is használja a border-bottom a különböző link államokban. Egy: hover pszeudo osztály segít javítani a felhasználói interakció. Ahhoz, hogy hozzon létre egy második pontot kiemelve jelenik meg, ha az egérrel rámutat referencia, a következő kód használata és kikapcsolása CSS text dekoráció aláhúzott:
Fordítása a cikk «Hogyan Link módosítása hangsúlyozza a Web» készítettünk egy csapat barátságos Web design projekt tól Z-ig