Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lära Använda Färger i Tailwind CSS | Grundläggande Koncept och Baskonfiguration
Tailwind CSS för webbutveckling

bookAnvända Färger i Tailwind CSS

Färger

Tailwind CSS erbjuder ett brett utbud av färgverktyg som kan tillämpas på element. Dessa verktyg möjliggör snabb inställning av bakgrundsfärger, textfärger och kantfärger.

Obs

Siffrorna i dessa klasser representerar olika nyanser av basfärgen. Dessa siffror sträcker sig från 50 till 900:

  • Lägre siffror (t.ex. 50): Ljusare nyanser;
  • Högre siffror (t.ex. 900): Mörkare nyanser.

Bakgrundsfärger

Använd prefixet bg- följt av färgnamn och nyans.

index.html

index.html

copy

Textfärger

Använd prefixet text- följt av färgnamn och nyans.

index.html

index.html

copy

Kantfärger

Använd prefixet border- följt av färgnamn och nyans.

index.html

index.html

copy

Obs

För att se alla tillgängliga färger, se Tailwinds dokumentation nedan.

1. Vilken klass används för att ange en bakgrundsfärg till blå?

2. Vilken hjälparklass skulle du använda för att ställa in textfärgen till grå?

question mark

Vilken klass används för att ange en bakgrundsfärg till blå?

Select the correct answer

question mark

Vilken hjälparklass skulle du använda för att ställa in textfärgen till grå?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 3

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Awesome!

Completion rate improved to 3.57

bookAnvända Färger i Tailwind CSS

Svep för att visa menyn

Färger

Tailwind CSS erbjuder ett brett utbud av färgverktyg som kan tillämpas på element. Dessa verktyg möjliggör snabb inställning av bakgrundsfärger, textfärger och kantfärger.

Obs

Siffrorna i dessa klasser representerar olika nyanser av basfärgen. Dessa siffror sträcker sig från 50 till 900:

  • Lägre siffror (t.ex. 50): Ljusare nyanser;
  • Högre siffror (t.ex. 900): Mörkare nyanser.

Bakgrundsfärger

Använd prefixet bg- följt av färgnamn och nyans.

index.html

index.html

copy

Textfärger

Använd prefixet text- följt av färgnamn och nyans.

index.html

index.html

copy

Kantfärger

Använd prefixet border- följt av färgnamn och nyans.

index.html

index.html

copy

Obs

För att se alla tillgängliga färger, se Tailwinds dokumentation nedan.

1. Vilken klass används för att ange en bakgrundsfärg till blå?

2. Vilken hjälparklass skulle du använda för att ställa in textfärgen till grå?

question mark

Vilken klass används för att ange en bakgrundsfärg till blå?

Select the correct answer

question mark

Vilken hjälparklass skulle du använda för att ställa in textfärgen till grå?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 2. Kapitel 3
some-alt