Kaip pakeisti nuorodų spalvą tinklalapyje

Toliau pateikiami žingsniai, kaip galite pakeisti savo tinklalapyje rodomų nuorodų spalvą naudojant HTML ir CSS. Nors nuorodų spalvas galima padaryti naudojant HTML BODY žymą, visada rekomenduojame atlikti bet kokius stiliaus nustatymus CSS, kaip parodyta žemiau.

Patarimas: nustatant bet kurio tinklalapio elemento spalvą, gali tekti naudoti HTML spalvų kodus. Jei norite naudoti pagrindines spalvas, vietoj spalvų kodų, pvz., Raudonos, mėlynos, žalios ir juodos spalvos, galite nurodyti šių spalvų pavadinimus, užuot naudoję jų atitinkamas spalvų kodo reikšmes.

Suprasti įvairių tipų hipersaitus

Hipersaitai yra specialūs jūsų puslapio elementai, nes jie yra interaktyvūs. Norint nurodyti, kad jie yra interaktyvūs, jie skiriasi priklausomai nuo jų būklės. Hipersaiteje yra trys specialios spalvos, be jos pradinės spalvos, kurios sudaro tris skirtingas būsenas:

  1. Apsilankyta nuoroda - spalva, kai buvo aplankyta nuoroda. Jei hipersaitas yra ši spalva, vartotojas gali tikėtis, kad spustelėjus nuorodą, jie bus nukreipti į puslapį, kurį jie jau matė.
  2. Hover link - spalva, kai pelės svyruoja virš nuorodos. Jei hipersaitas yra ši spalva, vartotojas gali tikėtis, kad paspaudus kairįjį pelės klavišą (paspaudus), tada atleidus mygtuką, bus rodoma nuoroda. „Hover“ spalva yra tokia pati ir aktyvioms, ir lankomoms nuorodoms.
  3. Aktyvi nuoroda - nuorodos spalva spustelėjus. Kai vartotojas mato šią spalvą, jie gali tikėtis, kad atleidus pelės mygtuką naršyklė aplankys nuorodą.

Patarimas: žr. Mūsų nuorodos apibrėžimą, jei norite gauti papildomos informacijos ir susijusių klausimų, susijusių su hipersaitais.

CSS nuorodos spalvos pavyzdys

Toliau pateiktame CSS pavyzdyje nustatome hipersaito spalvas, panašias į tai, kas rodoma šiame puslapyje. Visų pirma, visi inkarai nustatomi į # 2c87f0 (mėlynos spalvos atspalvį), # 636 raudonos spalvos atspalvį, o visos judančios ir aktyvios nuorodos spalvos: # c33 (raudona). Žemiau pateiktą kodą galima pridėti prie CSS stiliaus elemento arba .css failo.

 a {spalva: # 2c87f0; } a: aplankė {spalva: # 636; } a: hover, a: active, a: focus {color: # c33; } 

Jei jūsų puslapis nenaudoja CSS arba nenorite konvertuoti į CSS, toliau pateikiami veiksmai, kaip tai padaryti HTML kodo „BODY“ žyma. Tačiau, kaip minėta anksčiau, mes rekomenduojame naudoti aukščiau pateiktą CSS kodą vietoj kūno žymės. Šį kodą galite įtraukti į CSS failą ir susieti visus savo tinklalapius su šiuo CSS failu. Tada galite pakeisti fono spalvų vertes toje vienoje CSS rinkmenoje, kad iš karto pakeistumėte visų su juo susietų puslapių fono spalvą.

HTML kūno žymos pavyzdys

Kai kuriais labai retais atvejais gali būti neįmanoma naudoti CSS. Tokiomis aplinkybėmis taip pat galite apibrėžti fono spalvą, teksto spalvą, nuorodų spalvą ir kitas reikšmes HTML kūno žyma, kaip parodyta žemiau.

Toliau pateikiami kiekvieno kūno žymos HTML atributų aprašymai.

TEXT = Teksto spalva.

LINK = nuorodų spalva.

VLINK = Apsilankyta nuorodos spalva.

ALINK = aktyvios nuorodos spalva arba spalva, kuria nuoroda pasikeičia, kai spustelėsite.

BGCOLOR = puslapio fono spalva.