Nyumput tumbu kalawan CSS bisa dilakukeun sababaraha cara, tapi urang gé kasampak di dua padika nu URL bisa ditumpes disumputkeun ti tempoan. Lamun hayang nyieun tempat moro scavenger atanapi endog Easter dina situs anjeun, ieu téh mangrupa cara metot pikeun nyumputkeun Tumbu.
Cara kahiji nyaeta ku cara migunakeun "ngaping" salaku pointer-acara nilai sipat CSS. Lain mangrupa ku saukur ngawarnaan tulisan pikeun cocog latar tukang kaca.
Terus di pikiran nu metoda ngayakeun bakal nyieun link sagemblengna ngaleungit ti keur kapanggih nalika néangan kodeu sumber. Sanajan kitu, datang moal boga basajan, cara lugas nu ningali eta, sarta datang novice anjeun moal boga clue a kumaha carana manggihan link.
Catetan: Lamun ditéang parentah tentang kumaha cara numbu hiji gaya lambar éksternal, parentah ieu moal naon anjeun sanggeus. Tempo Naon hiji lambaran Style kaluar? gantina.
Nganonaktipkeun pointer Acara
Metodeu mimiti bisa ngagunakeun pikeun nyumputkeun URL hiji nyieun link becus. Nalika beurit hovers leuwih link, éta moal nembongkeun naon titik URL ka na eta moal ngantep anjeun klik éta.
Tulis HTML nu neuleu
Hiji kaca web, pastikeun hyperlink di berbunyi kawas kieu:
ThoughtCo.comTangtosna, "https://www.thoughtco.com/" perlu nunjuk ka URL sabenerna nu rék disumputkeun, sarta ThoughtCo.com bisa dirobah jadi sagala kecap atawa frasa nu kawas nu ngajelaskeun link.
gagasan di dieu nyaeta yen kelas aktip bakal dipaké ku CSS handap pikeun éféktif nyumputkeun link.
Paké ieu Code CSS
Kodeu CSS perlu alamat kelas aktif sarta ngajelaskeun ka browser nu yén acara kana link klik, kudu "ngaping" saperti kieu:
.active {pointer-acara: taya; kursor: dituna; }Anjeun tiasa ningali metoda ieu aksi ngaliwatan dina JSFiddle. Lamun dipiceun kodeu CSS aya, lajeng rerun data, link dumadakan janten clickable na usable. Ieu kusabab nalika CSS henteu dilarapkeun, link behaves normal.
Catetan: Inget yen lamun pamaké Pamadegan kode sumber kaca ieu, maranéhna gé ningali link na nyaho persis dimana eta mana ku sabab kawas urang tingali luhureun, kode masih aya, éta ngan teu usable.
Ngarobah Patalina & # 39; s Warna
Normal, a desainer web bakal nyieun hyperlinks warna béda ti tukang ku kituna nu datang sabenerna bisa ningali eta jeung nyaho tempat maranéhna balik. Najan kitu, urang geus di dieu pikeun nyumputkeun Tumbu, jadi hayu urang tingali kumaha ngaganti warna pikeun cocog yén kaca.
Nangtukeun hiji kelas Adat
Lamun kami nganggo conto sami ti metoda kahiji di luhur, urang ngan saukur bisa ngarobah kelas keur naon urang hayang jadi nu ukur Tumbu husus anu disumputkeun.
Mun urang teu make kelas hiji jeung gantina dilarapkeun CSS ti handap pikeun unggal link, teras sadaya aranjeunna bakal ngaleungit. Éta teu naon urang keur sanggeus di dieu, sangkan gé nganggo kode HTML ieu nu bakal ngagunakeun kelas hideme custom:
ThoughtCo.comManggihan Out Naon Warna mun Paké
Sateuacan urang asupkeun kodeu CSS luyu pikeun nyumputkeun link, urang kedah angka kaluar naon Warna kami rek dipake. Upami Anjeun gaduh latar solid geus, kawas bodas atawa hideung, teras éta gampang. Sanajan kitu, kelir husus sejenna kudu jadi pasti teuing.
Contona, lamun warna tukang anjeun ngabogaan nilai hex of e6ded1, anjeun perlu terang yen keur kode CSS digawekeun leres kanggo kaca nu nuju wanting eta ngaleungit kana.
Aya nyatu ieu "warna picker" atawa "eyedropper" parabot sadia, salah sahiji anu disebut ColorPick Eyedropper pikeun browser Chrome. Paké ka sampel warna latar kaca web Anjeun pikeun meunangkeun warna hex.
Sesuaikeun CSS jeung Robah Warna
Kiwari nu boga warna anu link kedah, éta waktu ngagunakeun eta jeung nilai kelas custom ti luhur, nulis kodeu CSS:
.hideme {warna: # e6ded1; }Lamun warna tukang anjeun basajan kawas bodas atawa héjo, anjeun teu kudu nahan # tanda saméméh éta:
.hideme {warna: bodas; }Tempo kode sampel metoda ieu di JSFiddle ieu.