Mokhoa oa ho pata Li-link ho sebelisa CSS

Ho pata konteraka le CSS ho ka etsoa ka litsela tse 'maloa, empa re tla sheba mekhoa e' meli eo URL e ka patiloeng ka ho feletseng ho pono. Haeba o batla ho tsoma lehe la paseka setsing sa hau, ena ke tsela e thahasellisang ea ho pata li-link.

Tsela ea pele ke ka ho sebelisa "ha ho" letho "ha thepa ea lik'hamphani tsa Cin-event e bohlokoa. E 'ngoe ke ka ho taka melaetsa e lekanang le sebaka sa leqephe.

Hopola hore ha ho mokhoa o tla etsa hore kgokahanyo e nyamele ka ho feletseng ho se fumanehe ha u batla khoutu ea mohloli. Leha ho le joalo, baeti ba ke ke ba e-ba le tsela e bonolo, e tobileng ea ho e bona, 'me baeti ba hao ba nang le mekhoa e metle ba ke ke ba e-ba le letšoao la ho fumana khokahanyo.

Tlhokomeliso: Haeba u batla litaelo tsa hore na u ka amahanya joang le sesepa sa mokhoa o ka ntle, litaelo tsena hase tsona tseo u li latelang. Sheba Sehlooho sa Tlhaho sa External? ho e-na le hoo

Tlosa Ketsahalo ea Pointer

Mokhoa oa pele oo re ka o sebelisang ho pata URL ke ho etsa hore selekane se se ke sa etsa letho. Ha mouse e hula holim'a sekahanyo, e ke ke ea bontša hore na URL e supa eng 'me e ke ke ea u lumella hore ue tobetse.

Ngola HTML ka nepo

E 'ngoe ea leqephe la websaete, etsa bonnete ba hore li-hyperlink li bala tjena:

ThinkCo.com

Ha e le hantle, "https://www.thoughtco.com/" e tlameha ho supa URL ea sebele eo u batlang e ipatile, 'me ThoughtCo.com e ka fetoloa ho lentsoe leha e le lefe kapa polelo eo u e ratang e hlalosang khokahanyo.

Maikutlo a mona ke hore sehlopha se sebetsang se tla sebelisoa le CSS e ka tlase ho pata sekahanyo ka katleho.

Sebelisa CSS Code

Khoutu ea CSS e lokela ho sebetsana le sehlopha se sebetsang le ho hlalosetsa sebapali hore ketsahalo e hokahanngoa, e lokela ho ba "ha ho joalo," e kang ena:

.active {pointer-liketsahalo: ha ho letho; sekoti: ka ho feletseng; }}

U ka bona mokhoa ona ka liketso ho JSFiddle. Haeba u tlosa khoutu ea CSS moo, ebe u khutlisetsa boitsebiso, ka nakoana khokahanyo e fetoha e bonolo ebile e ka sebelisoa. Lebaka ke hobane ha CSS e sa sebelisoe, khokahanyo e itšoara hantle.

Tlhokomeliso: Hopola hore haeba mosebeletsi a shebile khoutu ea mohloli oa leqephe, ba tla bona kgokahanyo ebe ba tseba hantle hore na e ea hokae hobane joalo ka ha re bona ka holimo, khoutu e ntse e le moo, ha e sebelisoe.

Fetola Mobala oa Link & # 39; s

Ka tloaelo, moqapi oa marang-rang o tla etsa hore li-hyperlink li be le 'mala o sa tšoaneng ho feta mokokotlo e le hore baeti ba ka ba bona le ho tseba moo ba eang teng. Leha ho le joalo, re tlil'o pata li-link , kahoo a re boneng hore na re ka fetola 'mala joang ho bapisa le oa leqephe.

Hlalosa Sehlopha sa Botho

Haeba re sebelisa mohlala o ts'oanang le mokhoa oa pele ka holimo, re ka fetola tlelase ho eng kapa eng eo re e batlang e le hore li-link tse khethehileng feela li patiloe.

Haeba re sa sebelise tlelase 'me ho e-na le hoo re sebelisitse CSS ho tloha tlase ho khokahano e' ngoe le e 'ngoe, joale kaofela ha eona e ne e tla nyamela. Hase seo re seng re se etsa mona, kahoo re tla sebelisa khoutu ea HTML e sebelisang sehlopha sa tloaelo sa hideme:

MohopoloCo.com

Fumana Seo U se Khethang ho se Sebelisa

Pele re kenya khoutu e nepahetseng ea CSS ho pata kgokahanyo, re hloka ho bona hore na ke 'mala ofe oo re batlang ho o sebelisa. Haeba u e-na le mokokotlo o tiileng o se o ntse o le bonolo, joalo ka o mosoeu kapa o motšo. Leha ho le joalo, mebala e meng e ikhethang e lokela ho ba eona hantle.

Ka mohlala, haeba 'mala oa mobala oa hau o na le boka ba hex ea e6ded1 , u lokela ho tseba hore bakeng sa khoutu ea CSS e sebetsang hantle bakeng sa leqephe leo u batlang hore le nyamele.

Ho na le lisebelisoa tse ngata tsa "mebala" kapa "li-eyedropper" tse teng, tse ling tsa tsona tse bitsoang ColorPick Eyedropper bakeng sa sebapali sa Chrome. E sebedise ho senya mmala o ka morao oa leqephe la hau la marang-rang ho fumana mobala oa hex.

Etsa setšoantšo sa CSS ho Fetola Mobala

Hona joale kaha u na le 'mala oo khokahanyo e lokelang ho ba teng, ke nako ea ho e sebelisa le kakaretso ea karo e tloaelehileng ho tloha ka holimo, ho ngola khoutu ea CSS:

.hideme {mmala: # e6ded1; }}

Haeba mobala oa semelo sa hau o le o mosoeu kapa o motala, ha ho hlokahale hore u behe letšoao la # pele ho lona:

.hideme {mmala: tšoeu; }}

Bona mokhoa ona oa mekhoa ea boipheliso ho ena ea JSFiddle.