Hur Man ändrar Länkfärg I Html

Innehållsförteckning:

Hur Man ändrar Länkfärg I Html
Hur Man ändrar Länkfärg I Html

Video: Hur Man ändrar Länkfärg I Html

Video: Hur Man ändrar Länkfärg I Html
Video: HTML Tutorial 8 - Changing Hyperlink Color 2024, Maj
Anonim

Nybörjare webbutvecklare undrar ofta om att ändra utseendet på hyperlänkar. Detta är ganska naturligt, eftersom ämnet för korrekt formatering av länkar ständigt tas upp av designers och layoutdesigners.

Hur man ändrar länkfärg i html
Hur man ändrar länkfärg i html

Instruktioner

Steg 1

Som standard ritas länkar i blått (# 0000FF), har en understrykning och ändrar färg när de växlar till lila (# 800080), med aktiva länkar markerade i rött (# FF0000). Färginställning för alla länkar på sidan i deras olika tillstånd utförs med hjälp av standard HTML-verktyg - tre attribut för taggen. Ändring av designparametrar för enskilda länkar kan utföras genom att ändra värdena för attributen för motsvarande tagg.

Steg 2

Det finns tre sätt att ställa in värden för stilattribut. I alla fall måste du ange teckensnitt och understrykningsfärg, som kan vara i form av en hexadecimal kod i sin helhet (#FFFFFF) eller förkortade (#fff) varianter. Färgen kan också specificeras i RGB-format (101, 010, 111) eller standard-html-värdet för stilattributet, det vill säga nyckelordet (grå, röd, etc.). Dessa värden ställs in för attributen länk, alink och vlink.

Steg 3

Det valfria länkattributet för taggen avgör färgen på alla hyperlänkar på sidan. Om attributet inte anges antas standard.

Steg 4

Det valfria attributet alink för taggen bestämmer färgen på alla aktiva hyperlänkar, det vill säga ändrar färgen på länken till den som anges när du klickar på den. Menyalternativ som pekar på den sida som för närvarande är öppen i webbläsaren anses också vara aktiva hyperlänkar. Om attributet inte anges antas standard.

Steg 5

Det valfria attributet vlink för taggen bestämmer färgen på alla besökta hyperlänkar, det vill säga ändrar länkens färg efter att ha klickat på den. Om attributet inte anges antas standard.

Steg 6

Du kan använda CSS-egenskaper i HTML-dokumentet för att ändra färgen på alla hyperlänkar. De skrivs mellan de parade taggarna och specificeras mellan de obligatoriska taggarna och. Egenskaper ställs in via A: väljaren, med den besökta pseudoklassen, som anger färgen på besökta länkar, aktiv, som anger färgen på aktiva länkar, eller svävar, som anger färgen på länkar när du svävar över dem.

Steg 7

Om du behöver ändra färgen på en enskild länk, och inte allt på en gång, bör du använda stilattributet för taggen och därmed koppla stilarna till en specifik tagg. Värdet på attributet är i detta fall färgegenskapen, syntaxen är som följer:, det vill säga du kan använda någon av de fyra metoderna för att ange en färg.

Rekommenderad: