Hur Man ändrar Färgen På Länkar På Webbplatsen

Innehållsförteckning:

Hur Man ändrar Färgen På Länkar På Webbplatsen
Hur Man ändrar Färgen På Länkar På Webbplatsen

Video: Hur Man ändrar Färgen På Länkar På Webbplatsen

Video: Hur Man ändrar Färgen På Länkar På Webbplatsen
Video: How To Change Link Color In WordPress 2024, Maj
Anonim

Under arbetet med webbplatsen gör både professionella webbansvariga och personer som arbetar med att uppdatera webbplatsen, men inte är professionella, olika ändringar i webbresursens stil. Du kan till exempel behöva ändra färgen på länkar på webbplatsen av någon anledning.

Hur man ändrar färgen på länkar på webbplatsen
Hur man ändrar färgen på länkar på webbplatsen

I det här fallet måste du veta att länkarnas färg ändras med CSS (Cascading Style Sheets) - kaskad stilark. Dessa är tabeller som används tillsammans med ett programmeringsspråk för att skapa en webbresurs. CSS ansvarar för webbplatsens struktur, det vill säga för dess stil, utseende och html - för resursens innehåll. CSS är en fortsättning på utvecklingen av HTML.

Länkfärg på webbplatsen

Så du kan ändra färgen på länkar både för webbplatsen som helhet och för varje länk separat. Länkfärger ställs in som attribut för huvudtaggen. Ett attribut är något du inte behöver skriva i koden, eftersom vissa av dem redan är inställda som standard. Länkattributet bestämmer färgen på länkarna på webbplatsens sida. Standard är blå. Alink är ett attribut som bestämmer färgen på aktiva länkar, som standard är den röd. Vlink - besökta länkar, deras allmänt accepterade färg är lila.

Oftast är länkarnas färg på webbsidor inställd i hexadecimal notation (#EEEEEE - grå) eller i rgb-format (# 808080 - grå), men du kan också använda traditionell engelsk färgnotering (grå - grå). Dessutom kan färgen ställas in i grader, HSL-formatet är lämpligt för detta. Färgkartor är lätta att hitta på Internet.

Ändra färgen på länkarna

För att ändra färgen på alla länkar på sidan räcker det att ändra färgen på färgattributet i stilarna. För att göra detta, hitta filen style.css, öppna den och hitta attributet a. Till exempel A {färg: grön; / * Länkfärg * /}, där A är en länk, vars färg vi ändrar till grön. Du kan ändra färgvärdet som du vill med något av färgnoteringssystemen. Webbläsaren kommer att "förstå" dig. Stilen gäller alla länkar på webbsidan. Du kan ändra färgerna på andra attribut på samma sätt, till exempel färgen på en länk när du svävar över den med muspekaren.

För att skapa länkar i olika färger på en webbsida, använd följande post i formatmallen:

.meny a {färg: grå; }

.innehåll a {färg: grön; }

Det följer av exemplet att länkarna för menyn blir gråa och länkarna i innehållsblocket blir gröna.

Samma steg kan göras med länkar om stilarna inte finns i en separat fil utan i själva html-dokumentet. Dessa är kontextuella väljare.

Om du snabbt vill redigera stilar och ändra färgerna på länkar är det bättre att använda den visuella redigeraren Dreamwever. Det viktigaste att komma ihåg är att länkar ska se organiska ut i förhållande till hela webbsidan. För ljusa bakgrunder är mörka länkar bättre och vice versa.

Rekommenderad: