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.