Skip to main content

Prekoračiti privzete barve povezave v spletnem brskalniku z uporabo CSS

Anonim

Vsi spletni brskalniki uporabljajo privzete barve za povezave, če jih spletni oblikovalec ne nastavi. So:

  • Privzeta barva povezave
  • Barva aktivne povezave (ko je miška kliknjena in zadržana prek povezave)
  • Sledi povezavi (ko je bila povezava kliknjena prej)

Plus, medtem ko večina spletnih brskalnikov to privzeto ne spremeni, lahko določite tudi barvo hoverja - barva je povezava, ko je miška nad njimi.

Uporabite CSS za spreminjanje barve povezave

Če želite spremeniti te barve, uporabite Cascading Style Sheet. Najlažji način za spreminjanje barve povezav je oblikovanje oznake:

{barva: črna; }

S tem CSS bodo nekateri brskalniki spremenili vse vidike povezave (aktivni, sledili in lebdeli) v črno, medtem ko bodo drugi spremenili samo privzeto barvo.

Uporabite CSS pseudo-razrede, da spremenite vse dele povezave

Pseudo-razred je predstavljen v CSS z dvopičjem (:) pred imenom razreda. Štiri psevdo-razredi vplivajo na povezave:

Če želite spremeniti privzeto barvo povezave:

a: povezava {barva: rdeča; }

Če želite spremeniti aktivno barvo:

a: aktivna {barva: modra; }

Če želite spremeniti barvo sledene povezave:

a: obiskali {barva: vijolična; }

Če želite spremeniti miškin nad barvo:

a: hover {barva: zelena; }

Premisleki

Izogibajte se prepisovanju privzete barve povezav, da bi bile povezave težje najti. Na primer, spreminjanje povezave z zelo svetlo barvo na belo ozadje bo negativno vplivalo na slabovidne obiskovalce. Namenjen je tudi ločenim barvam za aktivne barve in sledi povezavi, da se obiskovalci spletnega mesta ne zmedejo glede strani, ki so jih obiskali.