Choisir la bonne couleur de fond pour un design web peut être déroutant.
Une mauvaise sélection peut nuire à l’esthétique et à l’expérience utilisateur.
Cet article vous montre comment utiliser la propriété CSS background-color pour personnaliser efficacement vos arrière-plans.
Lancez votre carrière de développeur web avec une formation pratique.
Introduction :
La couleur de fond permet de définir l’apparence visuelle d’un élément HTML en ajoutant une couleur derrière son contenu.Pour indiquer une couleur de fond, on utilise la propriété CSS background-color. Elle s’utilise de la même manière que la propriété color, c’est-à-dire que vous pouvez taper le nom d’une couleur, l’écrire en notation hexadécimale ou encore utiliser la méthode RGB.
Pour indiquer la couleur de fond de la page web, il vaut mieux l’appliquer à la balise <body> . La balise <body> couvre l’ensemble de la page web. C’est donc en modifiant sa couleur de fond que l’on changera la couleur d’arrière-plan de la page .
Propriété CSS : background-color
La propriété CSS border combine plusieurs propriétés :
- background-color :La propriété background-color spécifie la couleur d’arrière-plan d’un élément. Elle a par défaut une valeur transparente (aucune couleur de fond visible).
background-color n’est pas héritée par les enfants. Sauf si celle-ci est manuellement spécifié .
Couleur de fond : valeurs CSS
- Le nom de couleur :les couleurs qui sont prédéfinis comme yellow,red,green,etc .
body{
background-color: grey;
}
- Valeurs hexadécimales :via un code hexadécimal. Comme #0000FF pour le bleu.
body{
background-color: #0000FF ;
}
- Valeurs RGB :Définissent les couleurs en mélangeant les niveaux de rouge, vert et bleu comme rgb(255, 87, 51).
body{
background-color: rgb(255, 87, 51) ;
}
Formez-vous gratuitement avec Alphorm !
Maîtrisez les compétences clés en IT grâce à nos formations gratuites et accélérez votre carrière dès aujourd'hui.
FAQ
Comment définir une couleur de fond en CSS ?
Quels sont les types de valeurs pour background-color ?
Comment appliquer une couleur de fond à toute la page web ?
La couleur de fond est-elle héritée par les enfants en CSS ?
Comment utiliser les valeurs hexadécimales pour les couleurs en CSS ?
Conclusion
En maîtrisant la propriété background-color, vous pouvez créer des designs web attrayants. Quelle combinaison de couleurs allez-vous explorer ensuite pour vos projets web ?
