Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Bruk av Farger i Tailwind CSS | Kjernekonsepter og Grunnleggende Styling
Tailwind CSS for Webbutvikling

bookBruk av Farger i Tailwind CSS

Farger

Tailwind CSS tilbyr et bredt utvalg av fargeverktøy som kan brukes på elementer. Disse verktøyene gjør det enkelt å angi bakgrunnsfarger, tekstfarger og kantfarger.

Merk

Tallene i disse klassene representerer ulike nyanser av basisfargen. Disse tallene varierer fra 50 til 900:

  • Lavere tall (f.eks. 50): Lysere nyanser;
  • Høyere tall (f.eks. 900): Mørkere nyanser.

Bakgrunnsfarger

Bruk prefikset bg- etterfulgt av fargenavn og nyanse.

index.html

index.html

copy

Tekstfarger

Bruk prefikset text- etterfulgt av fargenavn og nyanse.

index.html

index.html

copy

Kantfarger

Bruk prefikset border- etterfulgt av fargenavn og nyanse.

index.html

index.html

copy

Merk

For å se alle tilgjengelige farger, kan du se Tailwind-dokumentasjonen nedenfor.

1. Hvilken klasse brukes for å sette bakgrunnsfarge til blå?

2. Hvilken hjelpeklasse bruker du for å sette tekstfargen til grå?

question mark

Hvilken klasse brukes for å sette bakgrunnsfarge til blå?

Select the correct answer

question mark

Hvilken hjelpeklasse bruker du for å sette tekstfargen til grå?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 3

Spør AI

expand

Spør AI

ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Awesome!

Completion rate improved to 3.57

bookBruk av Farger i Tailwind CSS

Sveip for å vise menyen

Farger

Tailwind CSS tilbyr et bredt utvalg av fargeverktøy som kan brukes på elementer. Disse verktøyene gjør det enkelt å angi bakgrunnsfarger, tekstfarger og kantfarger.

Merk

Tallene i disse klassene representerer ulike nyanser av basisfargen. Disse tallene varierer fra 50 til 900:

  • Lavere tall (f.eks. 50): Lysere nyanser;
  • Høyere tall (f.eks. 900): Mørkere nyanser.

Bakgrunnsfarger

Bruk prefikset bg- etterfulgt av fargenavn og nyanse.

index.html

index.html

copy

Tekstfarger

Bruk prefikset text- etterfulgt av fargenavn og nyanse.

index.html

index.html

copy

Kantfarger

Bruk prefikset border- etterfulgt av fargenavn og nyanse.

index.html

index.html

copy

Merk

For å se alle tilgjengelige farger, kan du se Tailwind-dokumentasjonen nedenfor.

1. Hvilken klasse brukes for å sette bakgrunnsfarge til blå?

2. Hvilken hjelpeklasse bruker du for å sette tekstfargen til grå?

question mark

Hvilken klasse brukes for å sette bakgrunnsfarge til blå?

Select the correct answer

question mark

Hvilken hjelpeklasse bruker du for å sette tekstfargen til grå?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 2. Kapittel 3
some-alt