Tips! När du definierar färgen på ett webbsidelement kan du behöva använda HTML-färgkoder. För stora färger kan du också ange namnen på de här färgerna istället för att använda färgkoderna, till exempel röda, blåa, gröna och svarta istället för att använda deras respekterade färgkodsvärden.
Förstå olika typer av hyperlänkar
Hyperlänkar är specialelement på din sida, eftersom de är interaktiva. För att indikera att de är interaktiva, är de färgade annorlunda beroende på deras tillstånd. En hyperlänk har tre speciella färger, förutom den ursprungliga färgen, som representerar tre olika tillstånd:
- Besökad länk - Färgen en gång en länk har besökts. Om en hyperlänk är den här färgen kan användaren förvänta sig att klicka på länken tar dem till en sida som de redan har sett.
- Högerlänk - Färgen när musen svävar över en länk. Om en hyperlänk är den här färgen kan användaren förvänta sig att trycka på vänster musknapp (klicka) och sedan släppa knappen kommer att få länken att besöks. Högerfärgen är densamma för både aktiva och besökta länkar.
- Aktiv länk - Färgen på länken när du klickar. När användaren ser den här färgen kan de förvänta sig att släppa musknappen så att webbläsaren kan besöka länken.
Tips: Se vår hyperlänkdefinition för mer information och relaterade frågor till hyperlänkar.
CSS-länkfärgsexempel
I CSS-exemplet nedan ställer vi in hyperlänkfärgen för att likna det som visas på den här sidan. Först sätts alla ankare på # 2c87f0 (blåskugga), # 636 en lila nyans och alla svängar och aktiva länkar färg: # c33 (röd). Nedanstående kod kan läggas till CSS-stilelementet eller i din .css-fil.
en {färg: # 2c87f0; } a: besökte {färg: # 636; } a: svep, a: aktiv, a: fokus {färg: # c33; } Om din sida inte använder CSS eller du inte vill konvertera till CSS, nedan är stegen om hur du gör det i BODY-taggen i HTML-koden. Som vi nämnde tidigare rekommenderar vi dock att du använder ovanstående CSS-kod istället för koden. Du kan lägga till ovanstående kod i en CSS-fil och länka alla dina webbsidor till den CSS-filen. Då kan du ändra bakgrundsfärgvärdena i den ena CSS-filen för att omedelbart ändra bakgrundsfärgen på alla sidor som länkar till den.
HTML-kroppslagsexempel
I vissa mycket sällsynta situationer kan det inte vara möjligt att använda CSS. För de situationerna kan du också definiera bakgrundsfärg, textfärg, länkfärg och andra värden i HTML-kroppstaggen som visas nedan.
Nedan finns beskrivningarna av var och en av HTML-attributen i kroppstaggen.
TEXT = Textens färg.
LINK = Färgen på länkar.
VLINK = Besökt länkfärg .
ALINK = Färgen på den aktiva länken eller den färg som länken ändras till när den klickas.
BGCOLOR = Bakgrundsfärgen för sidan.