Comment Définir Une Couleur De Fond En Css ?

Posted on
Fond d'écran dégradé css Fonds d'écran HD
Fond d'écran dégradé css Fonds d'écran HD from fondsdeccranhd.blogspot.com

Si vous voulez apprendre le CSS, vous devez comprendre comment définir une couleur de fond. Dans ce tutoriel, nous allons expliquer comment définir une couleur de fond en CSS avec des exemples. Une couleur de fond est une couleur qui est appliquée à un élément HTML pour le remplir d’une couleur particulière. La couleur de fond est définie en utilisant la propriété CSS « background-color ».

Définir une couleur de fond avec la couleur hexadécimale

La couleur hexadécimale est une représentation numérique de la couleur. Il est représenté par un code de six caractères, qui commence par un signe dièse (#). Vous pouvez définir une couleur de fond avec une couleur hexadécimale en utilisant la propriété CSS « background-color ». Par exemple, le code suivant définit une couleur de fond bleue pour un élément HTML :

background-color: #0000FF;

Vous pouvez également définir une couleur de fond à l’aide d’une couleur HTML en utilisant le nom de la couleur. Par exemple, le code suivant définit une couleur de fond bleue pour un élément HTML :

background-color: blue;

Définir une couleur de fond avec RGB

RGB est un système de couleurs qui est utilisé pour spécifier les couleurs pour l’affichage des couleurs par les écrans. Vous pouvez définir une couleur de fond avec RGB en utilisant la propriété CSS « background-color ». Par exemple, le code suivant définit une couleur de fond bleu pour un élément HTML :

background-color: rgb(0, 0, 255);

Définir une couleur de fond avec RGBA

RGBA est un système de couleurs qui est similaire à RGB, mais il a également un paramètre supplémentaire qui est appelé « alpha ». Alpha représente l’opacité de la couleur. Vous pouvez définir une couleur de fond avec RGBA en utilisant la propriété CSS « background-color ». Par exemple, le code suivant définit une couleur de fond bleu avec une opacité de 75% pour un élément HTML :

background-color: rgba(0, 0, 255, 0.75);

Définir une couleur de fond avec HSL

HSL (teintes, saturations et luminosités) est un autre système de couleurs qui est utilisé pour spécifier les couleurs pour l’affichage des couleurs par les écrans. Vous pouvez définir une couleur de fond avec HSL en utilisant la propriété CSS « background-color ». Par exemple, le code suivant définit une couleur de fond bleu pour un élément HTML :

background-color: hsl(240, 100%, 50%);

Définir une couleur de fond avec HSLA

HSLA est similaire à HSL, mais il a également un paramètre supplémentaire qui est appelé « alpha ». Alpha représente l’opacité de la couleur. Vous pouvez définir une couleur de fond avec HSLA en utilisant la propriété CSS « background-color ». Par exemple, le code suivant définit une couleur de fond bleu avec une opacité de 75% pour un élément HTML :

background-color: hsla(240, 100%, 50%, 0.75);

Définir plusieurs couleurs de fond

Vous pouvez définir plusieurs couleurs de fond pour un élément HTML en utilisant la propriété CSS « background ». Par exemple, le code suivant définit une couleur de fond bleue et une couleur de fond verte pour un élément HTML :

background: #0000FF, #00FF00;

Définir une image de fond

Vous pouvez également définir une image de fond pour un élément HTML en utilisant la propriété CSS « background-image ». Par exemple, le code suivant définit une image de fond pour un élément HTML :

background-image: url(« image.jpg »);

Conclusion

Dans ce tutoriel, nous avons expliqué comment définir une couleur de fond en CSS. Vous pouvez définir une couleur de fond avec une couleur hexadécimale, une couleur HTML, RGB, RGBA, HSL et HSLA. Vous pouvez également définir plusieurs couleurs de fond et une image de fond. N’oubliez pas que vous devez utiliser la propriété CSS « background-color » pour définir une couleur de fond.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *