Nzira Yokuvanza Nayo Links Kushandisa CSS

Kuvanza kubatana neCSS kunogona kuitwa nenzira dzinoverengeka, asi isu tichatarisa nzira mbiri umo URL inogona kuvanzwa zvachose kubva pakuona. Kana iwe uchida kugadzira mhuka yekuvhima kana paseka panzvimbo yako, ino inzira inonakidza yekuvanza mazano.

Nzira yekutanga ndeyokushandisa "hapana" seyi-pointer-zviitiko CSS pfuma inokosha. Imwe ndeyokungoridza mutsara kuti ufanane nechemberi peji.

Gara uchiyeuka kuti hapana nzira inogona kuita kuti hukama hunyangarire zvachose kubva pakuwanikwa paunotsvaga mutsetse wemagetsi. Zvisinei, vashanyi havazove nenzira iri nyore, yakananga kuti vaone, uye vashanyi venyu vashanyi havazove nechinangwa chekuwana chibatanidzwa.

Cherechedza: Kana uri kutsvaga mirayiridzo yekuti unobatanidza sei kunze kwemavara mapepa, mirayiridzo iyi haisi iyo yaunotevera. Onai Icho Chinobva kunze Kwemavara Sheet? panzvimbo.

Dzvitsa Chiitiko chePointer

Nzira yekutanga yatinogona kushandisa kuvanza URL ndeyokuita kuti chibatanidzwa chirege kuita chinhu. Apo iyo hovha inofambisa pamusoro pekubatanidza, haigoni kuratidza izvo URL inoratidze uye haizokubvumi kuti iwe uone iyo.

Nyora HTML Zvakarurama

Imwe peji yewebhu, ona kuti hyperlink inodaro seyiyi:

KufungaCo.com

Zvechokwadi, "https://www.thoughtco.com/" inofanira kutarisa URL chaiye yaunoda kuvanzwa, uye ThoughtCo.com inogona kushandurwa kune chero shoko kana mutsara unofarira unotsanangura chibatanidzwa.

Pfungwa iri pano ndeyekuti kirasi inoshanda inoshandiswa neCSS iri pasi kuti ivanze zvakajeka.

Shandisa iyi CSS Code

Ikhosi yeCSS inofanira kutarisa kirasi inoshanda uye kutsanangurira kune chekushandura kuti chiitiko chiri pamusoro pekubatanidza chikwata, chinofanira kuva "hapana," seizvi:

.active {pointer-events: none; cursor: default; }

Iwe unogona kuona iyi nzira mukuita pamusoro paJSFiddle. Kana iwe ukabvisa kero yeCSS ipapo, uye udzorerazve data, chibvumirano chinobva chava chekugadzirisa uye chinoshandiswa. Izvi ndezvokuti kana CSS isingashandiswi, hukama hunoita nenzira inowanzo.

Cherechedza: Yeuka kuti kana mushumiri achiona peji yekodhi yepaji, ivo vachaona hubatanidzwa uye vanoziva kwaanoenda kwaanoita nokuti sezvatinoona pamusoro apa, kodeti ichiripo, haingashandisi.

Shandura Muori & Link;

Kazhinji, web designer ichaita kuti hyperlinks ive rumwe ruvara rwakasiyana nemamiriro ezvinhu kuitira kuti vashanyi vaone chaizvo uye vanoziva kwavanoenda. Zvisinei, tiri pano kuti tivanze hukama , saka regai tione kuti tingashandura sei ruvara kuti tifanane neye peji.

Tsanangura Chikoro Chetsika

Kana tikashandisa muenzaniso iwoyo kubva kune imwe nzira yepamusoro, tinogona kungoshandura kirasi kune chero zvatinoda kuitira kuti zvikamu zvakasanganiswa zvive zvakavanzika.

Kana tisingashandisi kirasi uye panzvimbo pacho takashandisa CSS kubva pasi kusvika kune imwe sangano, ipapo ose aizonyangarika. Izvo hazvisi izvo zvatiri shure apa, saka tichashandisa iyi HTML code iyo iri kushandisa class custom hideme:

KufungaCo.com

Tsvaga Icho Chinodiwa Pakushandisa

Tisati tava nekodhi yeCSS yakakodzera kuti tivanze hukama, tinoda kuziva kuti tora rudzi ratinoda kushandisa. Kana iwe uine maitiro akaoma ikozvino, sevhena kana kuti madema, saka izvi zviri nyore. Zvisinei, mamwe mavara akasiyana anodiwa kuti avewo chaiwo.

Somuenzaniso, kana ruvara rwemuvara wako rine huwandu hwehex ye e6ded1 , unofanirwa kuziva kuti yeCSS code yekushanda zvakanaka kwe peji iwe uchida kuti iparadzwe.

Pane zvakawanda zve "mavara" kana "eyedropper" zvishandiso, imwe yeyo inonzi ColorPick Eyedropper ye Chrome Chrome. Shandisa iyo kuenzanisa ruvara rwemukati peji yewebhu yako kuti uwane hex.

Ita maitiro eCSS kuti Uchinje Mavara

Iye zvino zvaunenge uine ruvara rwekubatanidza, ndiyo nguva yekushandisa iyo uye tsika yechikoro yepamusoro kubva kumusoro, kunyora CSS code:

.hideme {color: # e6ded1; }

Kana ruvara rwemuvara wako ruchiita semuchena kana kuti ruvara, haufaniri kuisa # chiratidzo pamberi payo:

.hideme {chivara: chena; }

Ona iyi nzira yekuenzanisa kodeji mune iyi JSFiddle.