Tips: Når du definerer fargen på et hvilket som helst websideelement, må du kanskje bruke HTML-fargekoder. For store farger kan du også angi navnene på disse fargene i stedet for å bruke fargekoder, for eksempel rød, blå, grønn og svart i stedet for å bruke deres respekterte fargekodeverdier.
Forstå ulike typer hyperkoblinger
Hyperlinks er spesielle elementer på siden din, fordi de er interaktive. For å indikere at de er interaktive, er de fargede annerledes avhengig av deres tilstand. En hyperkobling har tre spesielle farger, i tillegg til sin opprinnelige farge, som representerer tre forskjellige tilstander:
- Besøkt lenke - fargen en gang en lenke har blitt besøkt. Hvis en hyperkobling er denne fargen, kan brukeren forvente at å klikke på linken vil ta dem til en side de allerede har sett.
- Hover Link - Fargen når musen svinger over en lenke. Hvis en hyperkobling er denne fargen, kan brukeren forvente at å trykke på venstre museknapp (klikke), og deretter slippe knappen, vil føre til at lenken blir besøkt. Hoverfarge er den samme for både aktive og besøkte koblinger.
- Aktiv Link - Fargen på lenken når du klikker. Når brukeren ser denne fargen, kan de forvente at utløsing av museknappen vil føre til at nettleseren besøker lenken.
Tips: Se vår hyperkoblingsdefinisjon for ytterligere informasjon og relaterte spørsmål til hyperkoblinger.
CSS link farge eksempel
I CSS-eksemplet nedenfor setter vi inn hyperkoblingsfargene for å ligne det som vises på denne siden. Først settes alle ankre til # 2c87f0 (skygge av blå), # 636 en skygge av lilla, og alle svinger og aktive koblinger farge: # c33 (rød). Koden nedenfor kan legges til CSS-stilelementet eller i .css-filen.
en {farge: # 2c87f0; } a: besøkt {farge: # 636; } a: svever, a: aktiv, a: fokus {farge: # c33; } Hvis siden din ikke bruker CSS, eller du ikke vil konvertere til CSS, er det nedenfor trinnene for hvordan du gjør dette i BODY-taggen i HTML-koden. Som tidligere nevnt anbefaler vi sterkt at du bruker den ovennevnte CSS-koden i stedet for kroppsmerket. Du kan legge til koden ovenfor i en CSS-fil og koble alle websidene dine til den CSS-filen. Deretter kan du endre bakgrunnsfargen i den ene CSS-filen for å umiddelbart endre bakgrunnsfargen på alle sidene som knytter til den.
HTML body tag eksempel
I noen svært sjeldne situasjoner kan det ikke være mulig å bruke CSS. For disse situasjonene kan du også definere bakgrunnsfarge, tekstfarge, lenkefarge og andre verdier i HTML-kroppsmerket som vist nedenfor.
Nedenfor er beskrivelsene av hver av HTML-attributter i kroppsmerket.
TEXT = Fargen på teksten.
LINK = Fargene på koblinger.
VLINK = Beslektet lenkefarge .
ALINK = Farge på den aktive lenken eller fargen koblingen endrer til når den klikkes.
BGCOLOR = Bakgrunnsfargen på siden.