Yuav ua li cas Hloov Cov Txuas Txuas hauv Webpage

Tshem Cov Ntaus Ntaus Ntaus lossis Tsim Dashed Dotted, lossis Ob Qhov Tug Raws Li

Yog vim, lub web browsershave tej CSS hom uas lawv siv rau cov ntsiab HTML. Yog tias koj tsis txhob sau dua qhov qub no nrog koj lub tsev kawm ntawv tus kheej cov ntawv txheeb style, ces qhov tseeb yuav siv. Rau cov hyperlinks, cov qauv tso tawm qauv yog tias txhua cov ntaub ntawv txuas yuav xiav thiab underlined.Qhov browser ua qhov no kom ib qhov chaw cov qhua tuaj yeem pom cov lus zoo li cas. Muaj ntau lub web designers tsis tu rau cov qauv no, tshwj xeeb tshaj yog cov underlines. Ua tsaug, CSS ua rau nws yooj yim los hloov cov kev pom ntawm cov neeg underlined los yog tshem tawm lawv kiag li.

Tshem Cov Sab Nraud ntawm Cov Ntawv Txuas Mus

Cov ntawv sau hauv qab no yuav ua tau yooj yim dua los nyeem cov ntawv nyeem uas tsis yog underlined. Tsis tas li ntawd, ntau tus qauv tsim tshwj tsis yog tias lawv tsis saib xyuas cov ntawv sau hauv qab. Nyob rau hauv cov qauv no, koj yuav xav tshem cov kab hauv qab no zoo.

Yuav tshem tawm cov underlines los ntawm cov ntawv nyeem, koj yuav siv cov CSS cov cuab yeej text-decoration. Ntawm no yog CSS koj yuav sau ntawv los ua qhov no:

lub {text-decoration: none; }

Nrog rau ib kab ntawm CSS, koj yuav tshem cov kos kab hauv qab ntawm txhua cov ntawv nyeem. Txawm hais tias qhov no yog ib qho kev dav dav heev (nws siv lub caij selector), nws tseem muaj ntau yam tshaj li qhov kev txhawj xeeb vim tsis tau cias. Vim hais tias cov neej ntawd yeej yog dab tsi tsim cov hauv qab pib nrog, uas yog qhov koj xav tau sau dua.

Ceev faj txog kev tshem tawm Underlines

Pom tau, qhov kev tshem tawm ntawm cov kab hauv qab yuav yog qhov koj xav ua kom tiav, tab sis koj yuav tsum ceev faj thaum koj ua qhov no thiab. Txawm hais tias koj nyiam qhov kev ywj pheej ntawm txoj kev txuas lossis tsis yog, koj tuaj yeem tsis sib cav hais tias lawv ua nws cuab kev ua cov ntawv nyeem uas txuas thiab tsis yog. Yog tias koj tshem qaum los yog hloov qhov xim xiav xim, koj yuav tsum xyuas kom meej tias koj hloov lawv cov qauv uas tseem tso cai txuas rau sawv ntsug. Qhov no yuav ua rau kev xav paub ntau dua rau koj lub tsev kawm ntawv cov qhua.

Tsis Ua Yeeb Yam Tsis Ncaj Ncees

Lwm ceeb ntawm kev sib txuas thiab underlines, tsis txhob kos kab ntawv uas tsis yog qhov txuas raws li txoj kev qhia nws. Cov neeg tau tuaj yeem xav tias qhov underlined ntawv yuav tsum muaj qhov txuas, yog li yog koj siv cov ntsiab lus kom thiaj li ntxiv qhov tseem ceeb (es tsis txhob ua nws siab los yog siv nws lub npe), koj xa cov lus tsis yog thiab yuav cuam tshuam rau cov neeg siv hauv tsev.

Hloov Cov Kos Npe Ntxiv Rau Dots lossis Dashes

Yog hais tias koj xav kom koj cov ntawv txuas txuas nrog, tab sis hloov cov lus ntawm qhov kos ntawm qhov kev pom zoo, uas yog ib qho "selli" kab, koj tuaj yeem ua qhov no. Siv cov kab no, koj tuaj yeem siv cov dots los kos rau koj cov kev sib txuas. Ua li no, koj yuav tseem tshem tawm cov kos kab hauv qab, tab sis koj yuav hloov nws nrog cov ciam teb hauv qab ntiag tug:

lub {text-decoration: none; ciam teb hauv qab: 1px dotted; }

Vim tias koj tau tshem cov txheej txheem nyob hauv qab, cov ntawv dotted yog qhov tsuas yog ib qho uas tshwm.

Koj tuaj yeem ua qhov qub tshaj plaws kom tau dashes. Cia li hloov cov ciam teb hauv qab rau dashed:

lub {text-decoration: none; ciam teb hauv qab: 1px dashed; }

Hloov Cov Kos Npe Xim

Lwm txoj kev los ua kom pom tseeb txog koj cov kev sib txuas yog hloov xim ntawm cov kos kab hauv qab. Tsuas paub tseeb tias cov xim haum nrog koj cov tswv yim xim .

lub {text-decoration: none; ciam teb-hauv qab: 1px khoom liab; }

Ob leeg Underlines

Qhov ua kom yuam kev los siv ob sab hauv qab yog tias koj yuav tsum hloov qhov dav ntawm tus ciam teb. Yog tias koj tsim kom muaj 1px dav sab, koj mam li xaus nrog ob txoj kab hauv qab uas zoo nkaus li ib qho kev sib tw.

lub {text-decoration: none; ciam teb hauv qab: 3px ob; }

Koj tseem tuaj yeem siv cov kab kos uas twb muaj lawm los ua kom muaj ob txoj hauv qab nrog lwm cov nta, xws li ib txoj kab rau hauv cov kab:

a {ciam teb-hauv paus: 1px ob; }

Tsis txhob & Tsis nco cov Thwj Hauv Tebchaws

Koj tuaj yeem ntxiv cov ciam teb hauv qab rau koj cov kev sib txuas ntawm ntau lub xeev xws li: hover,: active, or: visited. Qhov no muaj peev xwm tsim tau ib qho kev ua tau zoo "rov qab" rau cov neeg tuaj xyuas thaum koj siv qhov "hom kawm" hom pseudo. Txhawm rau muab ob txoj hlua kos duav tau tshwm sim thaum koj yuj dua qhov txuas:

lub {text-decoration: none; } a: hover {ciam teb hauv qab: 1px dotted; }

Thawj tsab xov xwm los ntawm Jennifer Krynin. Sau los ntawm Jeremy Girard