Kuhaa ang Link Gihisgutan o Create Dashed Dotted, o Dobleng Giplantip nga mga Links
Sa kasagaran, ang mga browser sa web adunay mga estilo sa CSS nga ilang gigamit sa espesipikong mga elemento sa HTML. Kon dili nimo isulit ang mga default nga gamit ang kaugalingong mga style sheets sa imong site, nan ang mga default gipatuman. Alang sa hyperlinks, ang default style display mao nga ang bisan unsang nalambigit nga teksto mahimong asul ug gihan-ay. Ang browser naghimo niini aron ang mga bisita sa usa ka site dali nga makit-an kung unsa ang nalambigit nga teksto. Daghang mga tigdisenyo sa web ang wala magtagad sa mga estilo sa default, ilabi na kadtong gipailalom. Maayo na lang, ang CSS naghimo nga sayon sa pag-usab sa panagway sa mga naga-underline o pagkuha sa hingpit.
Pagtangtang sa Underline sa mga Link sa Teksto
Ang nahan-ay nga teksto mahimo nga labaw nga mahagiton sa pagbasa nga dili gikutlo nga teksto. Dugang pa, daghang mga tigdesinyo wala lang magtagad sa pagtan-aw sa mga girekord nga mga link sa teksto. Niini nga mga hitabo, lagmit gusto nimo nga tangtangon kini nga mga hilisgutan.
Aron makuha ang mga gihan-ay gikan sa mga link sa teksto, imong gamiton ang CSS property nga dekorasyon. Ania ang CSS nga imong isulat aron buhaton kini:
usa ka text-decoration: wala; }
Uban sa usa ka linya sa CSS, imong kuhaon ang underline gikan sa tanang mga link sa teksto. Bisan tuod kini usa ka kinatibuk-an nga estilo (kini naggamit sa usa ka selector sa elemento), kini adunay mas espesipiko kaysa sa mga estilo sa default nga mga browser. Tungod kay kadtong mga estilo sa pag-usab mao ang nakamugna sa ginagmay nga pagsugod sa pagsugod, kana ang kinahanglan nimo nga usbon.
Usa ka Pasidaan sa Pagwagtang sa mga Gihan-ay
Sa pagtan-aw, ang pagtangtang sa mga gibug-aton tingali mao gayud ang gusto nimong matuman, apan angay ka nga mag-amping kung buhaton nimo kini. Kung gusto nimo ang pagtan-aw sa gihan-ay nga mga link o dili, dili ka makapangatarungan nga kini nagpakita nga kung unsa nga teksto ang nalambigit ug dili. Kung imong kuhaon ang mga gibug-aton o usbon ang kolor nga asul nga sumpay sa sumpay, kinahanglan nimo nga sigurohon nga imong ilisan ang mga estilo nga magpabilin nga nalambigit ang teksto nga makita. Mahimo kini alang sa usa ka labi ka masaligan nga kasinatian alang sa mga bisita sa imong site.
Ayaw Pag-underline sa mga Non-Links
Laing pasidaan sa mga link ug mga gibug-aton, ayaw ipa-underline ang teksto nga dili usa ka sumpay isip pamaagi sa paghatag og gibug-aton niini. Ang mga tawo nagpaabut nga ang gitun-an nga teksto mahimong usa ka sumpay, busa kon imong ipa-underline ang sulod aron makadugang sa gibug-aton (sa baylo nga himuon kini nga maisog o italiko kini), imong ipadala ang sayup nga mensahe ug malibog ang mga tiggamit sa site.
Usba ang Linyanan ngadto sa mga Dot o mga Dash
Kung gusto nimong ipabilin ang imong link sa text, apan usba ang estilo sa underline gikan sa default nga dagway, nga usa ka "soldi" nga linya, mahimo nimo kini usab. Imbis nga lig-on nga linya, mahimo nimo gamiton ang mga tuldok aron ilarawan ang imong mga link. Sa paghimo niini, imo gihapon tangtangon ang ginagmay nga linya, apan imong ilisan kini uban ang estilo sa estilo sa utlanan:
usa ka text-decoration: wala; border-bottom: 1px tuldok; }Tungod kay imong gikuha ang standard underline, ang dotted one mao lamang ang usa nga makita.
Mahimo nimo ang sama nga butang aron makuha ang mga dashes. Basta bag-uhon ang estilo sa utlanan-utlanan sa dashed:
usa ka text-decoration: wala; border-bottom: 1px dashed; }Usba ang kolor nga underline
Ang laing paagi sa pagkuha sa pagtagad sa imong mga sumpay mao ang pag-usab sa kolor sa underline. Siguroa nga ang kolor mohaum sa imong kolor sa kolor .
usa ka text-decoration: wala; border-bottom: 1px solid nga pula; }Dobleng Gihan-ay
Ang lansis sa paggamit sa dobleng underlines mao nga kinahanglan nimo nga usbon ang gilapdon sa utlanan. Kung maghimo ka og usa ka 1px nga gilapdon nga utlanan, ikaw adunay usa ka dobleng underline nga sama sa usa ka underline.
usa ka text-decoration: wala; border-bottom: 3px double; }Mahimo usab nimo gamiton ang anaa nga underline sa paghimo sa usa ka double linear sa uban nga mga bahin, sama sa usa sa mga linya nga ginunting:
a {border-bottom: 1px double; }Ayaw kalimti ang Link States
Mahimo nimong idugang ang estilo sa border-bottom sa imong mga link sa lainlaing mga estado sama sa: hover,: aktibo, o: gibisita. Kini makahimo sa usa ka nindot nga "rollover" nga estilo nga kasinatian alang sa mga bisita kon gamiton nimo ang "hover" nga pseudo nga klase. Sa paghimo sa ikaduhang tuldok nga linyada nga makita kung ikaw mag-hover sa sumpay:
usa ka text-decoration: wala; } a: hover {border-bottom: 1px dotted; }Ang orihinal nga artikulo ni Jennifer Krynin. Gipagamyan ni Jeremy Girard