Attributet Cascading Style Sheets (CSS) används oftast för att ändra färgen på hyperlänkar på webbsidor. Mindre funktionella lösningar på detta problem finns på HTML-språket (HyperText Markup Language - "hypertext markup language").
Det är nödvändigt
Grundläggande kunskaper i HTML- och CSS-språk
Instruktioner
Steg 1
Förbered ett stylingblock för hyperlänkar. I sin enklaste form kan det se ut så här: a {color: Green} Här "a" kallas en "väljare", vilket indikerar att stilbeskrivningen inom parentes ska tillämpas på alla länktaggar i dokumentet. Grön definierar länkens färg. Detta är en mycket grov definition av färg och används sällan. Mycket oftare läggs en "pseudoklass" till "a" -väljaren - det är en etikett som låter dig ange stilen för länken i tre olika tillstånd.
Steg 2
Använd länken pseudoklass för att utforma länkens normala (inaktiva) tillstånd. Det kan se ut så här, till exempel: a: länk {färg: grön}
Steg 3
Använd pseudoklassen för att ange hur länken ska visas på svävaren. Till exempel: a: sväva {color: Lime}
Steg 4
Använd den besökta pseudoklassen för att beskriva stilen på en redan besökt länk. Till exempel: a: besökte {color: DarkGreen}
Steg 5
Kombinera alla tre tillstånd i ett stilbeskrivningsblock. Utseendet på HTML-kod som innehåller CSS-beskrivningar av stilar kan till exempel se ut så här:
a: länk {färg: grön}
a: besökt {color: DarkGreen}
a: sväva {color: Lime}
Här visar de inledande och stängande HTML-stiltaggarna webbläsaren var stilbeskrivningar börjar och slutar, och mellan dem finns en beskrivning av länkbeteendet i tre tillstånd.
Steg 6
Exemplet som används ovan visar endast färgegenskaperna, men andra attribut kan inkluderas i beskrivningen. Till exempel, om sidutformningen kräver att länken inte är understruken i det normala (inaktiva) tillståndet, men understruken när markören hålls över, kan koden ändras på följande sätt:
a: länk {färg: grön; text-dekoration: ingen;}
a: besökt {color: DarkGreen; text-dekoration: ingen;}
a: sväva {färg: Lime; text-dekoration: understrykning;}
Steg 7
Om du bara vill ändra färgen på vissa länkar på sidan och lämna resten med standardinställningarna lägger du till klassattributet i taggen för varje länk som ändras. Namnge till exempel denna hyperlänksklass newLinks. Då kan länktaggen se ut så här: textlänk Samma klassnamn måste läggas till i stilbeskrivningen:
a.newLinks: länk {färg: grön; text-dekoration: ingen;}
a.newLinks: besökte {color: DarkGreen; text-dekoration: ingen;}
a.newLinks: sväva {färg: Lime; text-dekoration: understrykning;}
Steg 8
Placera koden för stilbeskrivning utarbetad från exemplen som beskrivs ovan i sidhuvudet - mellan taggarna och. Lägg vid behov till ett klassattribut i länktaggarna med namnet som används i stilbeskrivningarna. Spara sedan den modifierade sidan och förfarandet för att ändra färg på hyperlänkar kommer att slutföras.
