Indlela Yokushintsha Isixhumanisi Sibeka ekhasini lewebhu

Susa Isixhumanisi Sichaza noma Sakha Ukuhlaselwa Okudliwe, noma Izixhumanisi Ezibekwe Ngaphansi Kokubili

Ngokuzenzakalelayo, iziphequluli zewebhu zifake izitayela ezithile ze-CSS ezizisebenzisa ezakhiweni ezithile ze-HTML. Uma ungabhalisi lokhu okuzenzakalelayo ngamashidi wesitayela sakho, khona-ke okuzenzakalelayo kuzosebenza. Ngama-hyperlink, isitayela sokubonisa okuzenzakalelayo ukuthi noma yimuphi umbhalo oxhunyiwe uzobe uhlaza okwesibhakabhaka futhi ugcizelelwe.Isiphequluli senza lokhu ukuze izivakashi zensiza zibone kalula ukuthi yikuphi umbhalo oxhunyiwe. Abaqambi abaningi bewebhu abazikhathaleli lezi zitayela ezizenzakalelayo, ikakhulukazi lezo ezigcizelela. Ngokujabulisayo, i-CSS yenza kube lula ukushintsha ukubukeka kwalabo abakhonayo noma abakususe ngokuphelele.

Ukususa i-Underline on Text Links

Umbhalo ongciniwe ungaba yinselele nakakhulu ukufunda lowo mbhalo ongekho ngaphansi. Ukwengeza, abakhiqizi abaningi abamane banandaba nokubukeka kwezixhumanisi zombhalo obhalwe phansi. Kulezi zimo, cishe uzofuna ukususa lezi zikhalazo ngokuphelele.

Ukuze ususe izikhalazo ezivela ezixhumanisi zombhalo, uzosebenzisa umbhalo we-CSS wombhalo-umhlobiso. Nansi i-CSS ongayibhala ukuze wenze lokhu:

i {umbhalo-umhlobiso: akekho; }}

Ngalolo chungechunge olulodwa lwe-CSS, uzosusa umgudu ophansi ngaphansi kwazo zonke izixhumanisi zombhalo. Ngisho noma lokhu kuyisitayela esivamile (isebenzisa i-element selector), kusenemininingwane ethile kunezindlela zokuphequlula ezizenzakalelayo. Ngenxa yokuthi lezo zindlela ezizenzakalelayo yilokho okudala izikhalazo zokuqala, yilokho okudingayo ukubhala ngaphezulu.

Ukuqapha ekukhipheni i-Underlines

Ngokubukeka, ukususwa kwezingqinamba kungase kube yilokho ofuna ukukufeza, kodwa kufanele uqaphe lapho wenza lokhu futhi. Kungakhathaliseki ukuthi uthanda ukubukeka kwezixhumanisi ezikhonjisiwe noma cha, awukwazi ukuphikisa ukuthi bakwenza kucace ukuthi yikuphi umbhalo oxhunyiwe nokuthi awunjalo. Uma ususa ukugxila noma ukuguqula umbala ongaguquki wombala owuhlaza okwesibhakabhaka, kufanele uqiniseke ukuthi ubeka esikhundleni sabo ngezitayela ezisavumela umbhalo oxhunyiwe ukuthi uphume. Lokhu kuzokwenza kube nokuhlangenwe nakho okunembile kwezivakashi zewebhusayithi yakho.

Ungagcini izixhumanisi ezingezona izixhumanisi

Esinye isixwayiso ekuxhumaneni nasekugcizeleleni, ungagcini umbhalo ongeyona isixhumanisi njengendlela yokugcizelela. Abantu sebekulindele ukuthi umbhalo ukhonjiswe ukuze ube isixhumanisi, ngakho-ke uma unamathisela okuqukethwe ukuze ugcizelele (esikhundleni sokwenza ngesibindi noma ukuyifaka ithala), uthumela umlayezo ongalungile futhi uzodibanisa abasebenzisi besayithi.

Shintsha i-Underline kuya emaDotsheni noma amaDashes

Uma ufuna ukugcina umbhalo wakho wokuxhumanisa ukhononda, kodwa ushintshe isitayela salokho okubhekisele ekubukeni okuzenzakalelayo, okuyi-line "yesosha", ungenza nalokhu. Esikhundleni salowo mzila oqinile, ungasebenzisa amachashazi ukuze ugcizelele izixhumanisi zakho. Ukuze wenze lokhu, uzosusa isicongechunge, kodwa uzoyishintsha ngempahla yesitayela esingezansi:

i {umbhalo-umhlobiso: akekho; umngcele-ngezansi: 1px enamachashazi; }}

Njengoba ususile umgqa ojwayelekile, i-dotted nguyena kuphela ovela.

Ungenza into efanayo ukuze uthole ama-dashes. Vele ushintshe isitayela esingezansi-umngcele ukuze udlule:

i {umbhalo-umhlobiso: akekho; umngcele-ngezansi: 1px idliwe; }}

Shintsha umbala ogqamile

Enye indlela yokubheka izixhumanisi zakho ukushintsha umbala we-underline. Vele uqiniseke ukuthi umbala uhambisana nomklamo wakho wombala .

i {umbhalo-umhlobiso: akekho; umngcele-phansi: 1px obomvu obuqinile; }}

Ukuphinda kabili

Ubuqili bokusebenzisa izikhalazo ezimbili ukuthi kufanele ushintshe ububanzi bomngcele. Uma udala umngcele obanzi we-1px, uzophelela ngokucindezela kabili okubukeka njengombala olulodwa.

i {umbhalo-umhlobiso: akekho; umngcele-phansi: kabili i-3px; }}

Ungasebenzisa futhi ukusekela okukhona okwenza ucindezelwe kabili nezinye izici, njengomunye wemigqa ebekwe:

is {border-bottom: double 1px; }}

Ungakhohlwa i-Link States

Ungangeza isitayela esingezansi-umngcele kumalinki akho emazweni ahlukene njenge: hover,: active, noma: wavakashela. Lokhu kungadala isipiliyoni esihle sokuthi isitayela se-rollover yezivakashi uma usebenzisa le "hover" isigaba sokungacacisi. Ukuze wenze ukugqama kwesigcawu sesibili kubonakale uma uhamba phezu kwesixhumanisi:

i {umbhalo-umhlobiso: akekho; } a: i-hover {umngcele-ngezansi: 1px enamachashazi; }}

Isihloko sokuqala sikaJennifer Krynin. Ihlelwe nguJeremy Girard