Link Link Underlinéierter oder Erstellt Dashed Dotted, oder Double Underlined Links
Par défaut sinn Websäiten gewësse CSS-Styles, déi se op spezifesch HTML Elementer anhalen. Wann Dir dës Standarde mat dengem eegene Stylbläck net überschreiwt, da fanne se déi Standarde op. Fir Hyperlinks ass de Standarddiskussiounstil datt all Text verlinkt gëtt blo an ënnersträicht. Dëse Browser erlaabt datt de Site vun de Site ganz einfach kuckt wat Text ass. Vill Webdesigner këmmeren net dës Standardstile, besonnesch déi ënnersträicht. Glécklech, CSS mécht et einfach, de Look vun deenen Ënnerstëtzer ze veränneren oder se komplett z'entwéckelen.
Den Ënnerline op Text Linken z'ernimmen
Ënnergräifend Text kann méi Erausfuerderung sinn dat net Ënnert Text ze liesen. Zousätzlech sinn vill Designer net einfach d'Kiche vun ënnerschriwwenen Text Links. An dësen Exemplaren wäerte Dir wahrscheinlech déi läscht ënnerhuelen wëllt ënnersträichen.
Fir d'Ënnerschrëft aus Textveräiner ze verstoppen benotze Dir d'CSS-Text Textdekoratioun. Hei ass de CSS deen Dir geschriwen hätt fir dat ze maachen:
eng {Textdekoratioun: keng; }}
Mat där enger Linn vu CSS wäerte Dir d'Ënnerstëtzung vun all Textveräin huelen. Och wann dëst e ganz generellen Stil ass (et benotzt e Element Selektor), ass et nach ëmmer méi spezifesch wéi d'Standard Browsers Stile maachen. Well dës Standardfaarwen sinn, wat d'Ënnerstëtzung unbitt ass fir ze beginnen, dat ass wat Dir braucht ze iwwerschreiwe.
A Äntwert op Ofhuele vun Ënnersäite
Virun allem d'Ënnerdeelung vun ënnersträicht kéint genau sinn wat Dir maache wëllt, awer Dir sollt viraussichtlech sinn, wann Dir dëst och mécht. Egal ob Dir den Ënnergründen vun ënnersträicht Verknëpperen hutt oder net, kënnt Dir net soen, datt se et evident maachen, wéi eng Texter matenee verbonne sinn an déi net. Wann Dir weg ënnersträicht oder Ännert dës bloLinkserverkleedung änneren, musst Dir sëcherstellen datt Dir se mat Stiler ersetzt déi ëmmer Verknëppelt Text erlaabt sinn. Dëst wäert e méi intuitiv Erfahrung fir de Besuch vun de Site fannen.
Ënnert Ënnerretze Net-Links
Eng aner Virsiicht op Linken an ënnersträicht awer net ënnersträicht Text deen net als Link ass esou wéi et ënnersträicht. D'Leit hunn et ënnersträichen Text ze sinn datt en Link ass, also wann Dir Inhalter Inhalt fir Opmierksamkeet ze addéieren (anstatt et fett oder ze kurséieren) schéckt Dir déi falsch Messag weg an de Site Benotzer verwiesselt.
Ändert d'Underline op Dots oder Dashes
Wann Dir wëllt Är Text Link ënnersträichen, maacht Äert Stil vun der Versioun vum Default Look, dat ass eng "Soldi" Linn, kënnt Dir dëst och maachen. Amplaz datt déi zolitter Linn sinn, kënnt Dir Punkten benotzen fir Är Linken ze ënnerstëtzen. Fir dëst ze maachen, wäerte Dir d'Ënnerhalung ëmmer erofhuelen, awer Dir wäert et ersetzen mat der Grenzgängerart Eegeschafte:
eng {Textdekoratioun: keng; Grenzgänger: 1px Punkt; }}Well Dir den Standardunterrécht ewechgehäit huet, ass dee punktéiert Eenzege just déi eenzeg.
Dir kënnt d'selwecht maachen fir Stréck ze kréien. Just Äert Schrëftgréisst änneren:
eng {Textdekoratioun: keng; Grenzgänger: 1px gestierzt; }}Ändert d'Underline Faarf
Eng aner Manéier fir Är Opmierksamkeet op Är Linken ze maachen ass d'Faarf vum Ënnergrënn ze änneren. Gitt sécher datt d'Faarf mat Ärem Faarfschema passt .
eng {Textdekoratioun: keng; D'Grenzgänger: 1px ganz rouder; }}Duebel Ënnerlines
De Trick fir doppelst Ënnerstëtzer ze sinn ass datt Dir d'Breet vun der Grenz verännert. Wann Dir eng 1px breet Grenz fäerdeg sidd, da sidd Dir mat engem Duebelsënn ënnersträicht déi e bëssen Ënnersign ze sieft.
eng {Textdekoratioun: keng; Grenzgänger: 3px Duebel; }}Dir kënnt och déi bestehend Ënnerstëtzung benotzen fir eng duebeler Ënnerstëtzung mat aner Fonktiounen ze maachen, wéi zum Beispill ee vun de Linnen déi bestëmmt sinn:
{border-bottom: 1px doppelt; }}Don & # 39; t Vergiesst de Link Staaten
Dir kënnt de Grenz-Ënner-Stil un Är Linken an ënnerschiddlechen Zoustänn wéi: hover,: aktiv, oder: besicht. Dëst kann e flotte "Rollover" -Stil erliewen fir Gäscht unzepassen wann Dir "Pseudo-Klasse" schwätzt. Fir eng zweet markéiert Ënnerhalung ze ersetzen, wann Dir iwwer de Link hannerloosst:
eng {Textdekoratioun: keng; } a: hover {border-bottom: 1px gepasst; }}Original Artikel vum Jennifer Krynin. Edited by Jeremy Girard