Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Apprendre Utilisation des Couleurs dans Tailwind CSS | Core Concepts and Basic Styling
Tailwind CSS pour le Développement Web

bookUtilisation des Couleurs dans Tailwind CSS

Couleurs

Tailwind CSS propose une large gamme d’utilitaires de couleurs que vous pouvez appliquer aux éléments. Ces utilitaires permettent de définir rapidement les couleurs d’arrière-plan, de texte et de bordure.

Remarque

Les chiffres dans ces classes représentent différentes nuances de la couleur de base. Ces chiffres vont de 50 à 900 :

  • Les chiffres les plus bas (par exemple, 50) : nuances plus claires ;
  • Les chiffres les plus élevés (par exemple, 900) : nuances plus foncées.

Couleurs d’arrière-plan

Utiliser le préfixe bg- suivi du nom de la couleur et de la nuance.

index.html

index.html

copy

Couleurs du texte

Utiliser le préfixe text- suivi du nom de la couleur et de la nuance.

index.html

index.html

copy

Couleurs de bordure

Utiliser le préfixe border- suivi du nom de la couleur et de la nuance.

index.html

index.html

copy

Remarque

Pour consulter toutes les couleurs existantes, veuillez vous référer à la documentation Tailwind ci-dessous.

1. Quelle classe utiliser pour définir une couleur de fond bleue ?

2. Quelle classe utilitaire utiliser pour définir la couleur du texte sur gris ?

question mark

Quelle classe utiliser pour définir une couleur de fond bleue ?

Select the correct answer

question mark

Quelle classe utilitaire utiliser pour définir la couleur du texte sur gris ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 3

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Suggested prompts:

Can you give examples of how to use these color classes in HTML?

What are some common color names available in Tailwind?

How do I customize or add my own colors in Tailwind?

Awesome!

Completion rate improved to 3.57

bookUtilisation des Couleurs dans Tailwind CSS

Glissez pour afficher le menu

Couleurs

Tailwind CSS propose une large gamme d’utilitaires de couleurs que vous pouvez appliquer aux éléments. Ces utilitaires permettent de définir rapidement les couleurs d’arrière-plan, de texte et de bordure.

Remarque

Les chiffres dans ces classes représentent différentes nuances de la couleur de base. Ces chiffres vont de 50 à 900 :

  • Les chiffres les plus bas (par exemple, 50) : nuances plus claires ;
  • Les chiffres les plus élevés (par exemple, 900) : nuances plus foncées.

Couleurs d’arrière-plan

Utiliser le préfixe bg- suivi du nom de la couleur et de la nuance.

index.html

index.html

copy

Couleurs du texte

Utiliser le préfixe text- suivi du nom de la couleur et de la nuance.

index.html

index.html

copy

Couleurs de bordure

Utiliser le préfixe border- suivi du nom de la couleur et de la nuance.

index.html

index.html

copy

Remarque

Pour consulter toutes les couleurs existantes, veuillez vous référer à la documentation Tailwind ci-dessous.

1. Quelle classe utiliser pour définir une couleur de fond bleue ?

2. Quelle classe utilitaire utiliser pour définir la couleur du texte sur gris ?

question mark

Quelle classe utiliser pour définir une couleur de fond bleue ?

Select the correct answer

question mark

Quelle classe utilitaire utiliser pour définir la couleur du texte sur gris ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 2. Chapitre 3
some-alt