Styling af Tekst og Farver
Stryg for at vise menuen
Tidligere tilføjede vi farver til tekst på en meget intuitiv og ligetil måde. Lad os dog dykke ned i detaljerne omkring farveanvendelse.
Farve
Tekstfarve kan anvendes på et textelement ved hjælp af CSS-egenskaben color, som kan tildeles en værdi i forskellige formater.
De mest anvendte farveværdier er RGB, hex og farvenavne. Lad os se på følgende eksempel, hvor vi anvender blå på teksten.
index.html
styles.css
Formater til angivelse af farve
En nærmere gennemgang af hver format.
Farvenavn
Det er muligt at anvende reserverede farveord. Listen over reserverede farver findes på https://htmlcolorcodes.com.
CSS tilbyder foruddefinerede farvenavne såsom blue, red, green, purple og andre. Disse er letlæselige, men udvalget er begrænset.
Hex-format
Hex angiver farver som en seksscifret kode bestående af tre par af to-cifrede værdier efter et #-symbol. Hvert par repræsenterer intensiteten af rød, grøn og blå (i nævnte rækkefølge).
Hex-formatværdier spænder fra 00 (ingen intensitet) til FF (maksimal intensitet).
RGB-format
RGB repræsenterer farver som en række af tre tal, der svarer til intensiteten af rød, grøn og blå (i nævnte rækkefølge)
RGB-formatværdier spænder fra 0 (ingen intensitet) til 255 (maksimal intensitet).
Både hex- og rgb-værdier er udbredt anvendt i webdesign, og valget mellem dem afhænger af personlige præferencer og projektkrav.
Gennemsigtighed med RGBA
Gennemsigtighed i rgb-farver kan opnås ved at bruge rgba-notationen (rød, grøn, blå, alpha), hvor alpha angiver graden af opacitet eller gennemsigtighed for farven.
Alpha-værdien kan variere fra 0 (fuldstændig gennemsigtig) til 1 (fuldstændig uigennemsigtig). For eksempel repræsenterer RGBA-værdien rgba(0, 255, 0, 0.5) en grøn farve med 50% opacitet.
index.html
styles.css
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
