Hvordan Stille Inn Fargen På Lenken

Innholdsfortegnelse:

Hvordan Stille Inn Fargen På Lenken
Hvordan Stille Inn Fargen På Lenken

Video: Hvordan Stille Inn Fargen På Lenken

Video: Hvordan Stille Inn Fargen På Lenken
Video: GRANNY CHAPTER 2 LIVE FROM START 2024, Kan
Anonim

Hvis nettleseren til den besøkende på nettstedet ikke finner noen indikasjon på fargen på hyperkoblingene i sidekoden, bruker den standardverdiene. Disse verdiene er blå for passive lenker, røde for aktive (på hover) lenker, og den magenta fargetonen for allerede besøkte lenker. Dette fargeskjemaet er ikke alltid kombinert med fargeskjemaet til sideutformingen, derfor er en blokk med koblingsstilbeskrivelser vanligvis inkludert i koden.

Hvordan stille inn fargen på lenken
Hvordan stille inn fargen på lenken

Bruksanvisning

Trinn 1

Lag et sett med instruksjoner for nettleseren som beskriver koblingsfargene i tre tilstander. For eksempel kan det se slik ut: a: link {color: Red;}

a: besøkt {farge: gul;}

a: hover {color: Orange;} Her kalles "a" i begynnelsen av hver linje "velgeren" og spesifiserer koden som nettleseren skal bruke stilbeskrivelsen som er omgitt av krøllete bukseseler. "A" er hyperkoblingstaggen. Ordet som er lagt til velgeren atskilt med et kolon, kalles en "pseudoklasse" - som nettleseren bruker for å bestemme hvilken koblingstilstand stilen i krøllete bukseseler tilhører. lenke samsvarer med en vanlig lenke, besøkte en lenke som allerede er besøkt, og svever en lenke når markøren svever over den. Fargene som er tilordnet fargeparameteren inne i krøllete bukseseler, kan spesifiseres enten ved navnet på fargenyansen eller ved den heksadesimale koden.

Steg 2

Hvis du trenger å tildele forskjellige farger til forskjellige grupper av lenker på siden, kan du tilordne hver gruppe sin egen betegnelse ("klasse") og lage en egen beskrivelse av stilene for hver av dem. Navn for eksempel den ene gruppen LinksRed og den andre LinksGreen. Da vil stilbeskrivelsen se slik ut: a. LinksRed: link {color: Red;}

a. LinksRed: besøkt {farge: gul;}

a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}

a. LinksGreen: besøkt {color: DarkGreen;}

a. LinksGreen: hover {color: Lime;} Og i kodene til lenker i hver gruppe, må du indikere til hvilken klasse de tilhører. For eksempel: Rød lenke

Grønn lenke

Trinn 3

Disse instruksjonene er skrevet i CSS (Cascading Style Sheets), så de må plasseres i en stilkode som skiller dem fra andre instruksjoner i kildekoden til siden, skrevet i HTML (HyperText Markup Language):

a. LinksRed: link {color: Red;}

a. LinksRed: besøkt {farge: gul;}

a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}

a. LinksGreen: besøkt {color: DarkGreen;}

a. LinksGreen: hover {color: Lime;}

Trinn 4

Plasser den forberedte beskrivelsen av koblingsstilen i toppteksten til kildekoden til siden - den er avgrenset av og -kodene.

Anbefalt: