Sådan ændres Farven På Links På Siden

Indholdsfortegnelse:

Sådan ændres Farven På Links På Siden
Sådan ændres Farven På Links På Siden

Video: Sådan ændres Farven På Links På Siden

Video: Sådan ændres Farven På Links På Siden
Video: How To Change Link Color In WordPress 2024, Kan
Anonim

I processen med at arbejde på webstedet foretager både professionelle webmastere og folk, der er involveret i opdatering af webstedet, men ikke er professionelle, forskellige ændringer i webressourcens stil. For eksempel kan det være nødvendigt at ændre farven på links på webstedet af en eller anden grund.

Sådan ændres farven på links på siden
Sådan ændres farven på links på siden

I dette tilfælde skal du vide, at linkens farve ændres ved hjælp af CSS (Cascading Style Sheets) - cascading style sheets. Dette er tabeller, der bruges sammen med et programmeringssprog til at oprette en webressource. CSS er ansvarlig for strukturen af webstedet, det vil sige for dets stil, udseende og html - for ressourceindholdet. CSS er en fortsættelse af udviklingen af HTML.

Linkfarve på siden

Så du kan ændre farven på links både for webstedet som helhed og for hvert link separat. Linkfarver indstilles som attribut for hovedmærket. En attribut er noget, du ikke behøver at skrive i koden, da nogle af dem allerede er indstillet som standard. Linkattributten bestemmer farven på linkene på websidesiden. Standard er blå. Alink er en attribut, der bestemmer farven på aktive links, som standard er den rød. Vlink - besøgte links, deres generelt accepterede farve er lilla.

Oftest er farven på links på websider angivet i hexadecimal notation (#EEEEEE - grå) eller i rgb-format (# 808080 - grå), men du kan også bruge traditionel engelsk farvenotation (grå - grå). Derudover kan farven indstilles i grader, HSL-formatet er egnet til dette. Farvekort er nemme at finde på Internettet.

Skift farve på linkene

For at ændre farven på alle links på siden er det nok at ændre farven på farveattributten i typografierne. For at gøre dette skal du finde filen style.css, åbne den og finde en attribut. For eksempel A {farve: grøn; / * Linkfarve * /}, hvor A er et link, hvis farve vi skifter til grøn. Du kan ændre farveværdien, som du vil, ved hjælp af et hvilket som helst af farvenotationssystemerne. Browseren vil "forstå" dig. Typografien gælder for alle links på websiden. Du kan ændre farverne på andre attributter på samme måde, f.eks. Farven på et link, når du holder markøren over det med musemarkøren.

For at oprette links i forskellige farver på en webside skal du bruge følgende post i stilarket:

.menu a {farve: grå; }

.indhold a {farve: grøn; }

Det følger af eksemplet, at linkene til menuen er grå, og linkene i indholdsblokken vil være grønne.

De samme trin kan udføres med links, hvis typografierne ikke er i en separat fil, men i selve html-dokumentet. Disse er kontekstuelle vælgere.

Hvis du hurtigt vil redigere stilarter og ændre farverne på links, er det bedre at bruge den visuelle editor Dreamwever. Det vigtigste at huske er, at links skal se organiske ud i forhold til hele websiden. For lys baggrund er mørke links bedre og omvendt.

Anbefalede: