Jinsi ya Kubadilisha Kiungo Inaelezea kwenye Tovuti

Ondoa Kiungo kinachosema au Kujenga Dotted Dotted, au Double Underlined Links

Kwa chaguo-msingi, vivinjari vya wavuti hupunguza mitindo fulani ya CSS ambayo hutumika kwa vipengele maalum vya HTML. Ikiwa hutaandika vikwazo hivi kwa karatasi za mtindo wa tovuti yako, kisha desfaults zitatumika. Kwa hyperlink, mtindo wa kuonyesha chaguo-msingi ni kwamba maandiko yoyote yanayounganishwa yatakuwa ya rangi ya bluu na imetajwa.Kuvinjari hufanya hivyo ili wageni wa tovuti waweze kuona kwa urahisi maandiko ambayo imeunganishwa. Waumbaji wengi wa wavuti hawajali mitindo hii ya msingi, hususan wale wanasisitiza. Jambo la kushangaza, CSS inafanya iwe rahisi kubadilika kuangalia kwa wale wanaoelezea au kufuta kabisa.

Kuondoa Chini ya Chini kwenye Viungo vya Nakala

Nakala iliyosaidiwa inaweza kuwa vigumu zaidi kusoma msomaji usiowekwa chini. Zaidi ya hayo, waumbaji wengi hawana huduma ya kuangalia kwa viungo vya maandishi yaliyopigwa. Katika matukio haya, huenda unataka kuondoa hizi zinaonyesha kabisa.

Ili kuondoa vifungo kutoka kwenye viungo vya maandishi, utatumia maandishi ya maandishi ya CSS. Hapa ni CSS unayoandika ili ufanye hivi:

{maandishi-mapambo: hakuna; }

Kwa mstari huo wa CSS, ungeondoa mstari wa chini kutoka kwenye viungo vyote vya maandishi. Ingawa hii ni mtindo wa kawaida (inatumia mtumiaji wa kipengele), bado ina maalum zaidi kuliko mitindo ya browsers default. Kwa sababu mitindo ya default ni nini hujenga kutafakari kuanza na, ndio unayohitaji kuandika.

Tahadhari ya Kuondoa Chini

Kuangalia, kuondolewa kwa kutafakari inaweza kuwa hasa unayotaka kukamilisha, lakini unapaswa kuwa waangalifu unapofanya hivyo pia. Ikiwa unapenda kuonekana kwa viungo vilivyowekwa chini au sivyo, huwezi kusema kuwa wanaifanya wazi kuwa ni maandishi gani yanayounganishwa na ambayo sio. Ikiwa utaondoka unasisitiza au kubadilisha rangi hiyo ya rangi ya rangi ya rangi ya bluu, unapaswa kuhakikisha kuwa unawachagua na mitindo ambayo bado inaruhusu maandishi yanayounganishwa kusimama. Hii itafanya kwa uzoefu zaidi wa angavu kwa wageni wa tovuti yako.

Usiweke Machapisho yasiyo ya Viungo

Tahadhari nyingine juu ya viungo na inasisitiza, usisisitize maandiko ambayo sio kiungo kama njia ya kusisitiza. Watu wamekutazamia kuwasilisha maandiko kuwa kiunganishi, kwa hiyo ukisisitiza yaliyomo ili kuongeza msisitizo (badala ya kuifanya ujasiri au italicizing it), unatuma ujumbe usiofaa na utawachanganya watumiaji wa tovuti.

Badilisha Chini ya Chini kwa Dots au Dashes

Ikiwa unataka kuweka kiungo chako cha maandishi kinasisitiza, lakini ubadili mtindo wa mstari huo kutoka kwa kuangalia kwa default, ambayo ni "safu" mstari, unaweza kufanya hivyo pia. Badala ya mstari huo imara, unaweza kutumia dots ili kusisitiza viungo vyako. Kwa kufanya hivyo, utachukua hatua ya kusisitiza, lakini utaibadilisha na mali ya mtindo wa chini:

{maandishi-mapambo: hakuna; mpaka-mpaka: 1px imefungwa; }

Kwa kuwa umeondoa kiwango cha kawaida, chapa ni moja tu inayoonekana.

Unaweza kufanya kitu kimoja ili kupata dashes. Badilisha tu mtindo wa chini-mpaka ulipotea:

{maandishi-mapambo: hakuna; mpaka-mpaka: 1px imeshuka; }

Badilisha rangi ya chini ya chini

Njia nyingine ya kuzingatia viungo vyako ni kubadilisha rangi ya kusisitiza. Hakikisha tu rangi inafaa na mpango wako wa rangi .

{maandishi-mapambo: hakuna; mpaka-chini: 1px nyekundu imara; }

Double Underlined

Hila la kutumia vifungo mara mbili ni kwamba unabadilika upana wa mpaka. Ikiwa ungependa kuunda upana wa 1px, utakuwa na msukumo wa mara mbili unaoonekana kama mstari mmoja.

{maandishi-mapambo: hakuna; mpaka wa chini: 3px mara mbili; }

Unaweza pia kutumia mstari uliopo uliopo kwa kusisitiza mara mbili na vipengele vingine, kama vile moja ya mstari iliyopigwa:

{border-bottom: 1px mara mbili; }

Don & # 39; t Kuhau Mataifa ya Kiungo

Unaweza kuongeza style ya chini-mpaka kwa viungo vyako katika majimbo tofauti kama: hover,: kazi, au: alitembelea. Hii inaweza kujenga uzoefu mzuri wa style ya "rollover" kwa wageni wakati unatumia darasa hilo la "hover" la pseudo. Ili ufanye alama ya pili ya kusisitiza itaonekana wakati unapozunguka kiungo:

{maandishi-mapambo: hakuna; } a: hover {mpaka-chini: 1px imejaa; }

Makala ya awali na Jennifer Krynin. Iliyotengenezwa na Jeremy Girard