La propriété css background-color est une sous directive de la propriété css background.
Couleur de fond
Pour définir la couleur de fond d'un élément html on utilise la directive background-color :
<p style="background-color:red">
Ce paragraphe a un fond rouge
</p>
<p style="background-color:#0f0">
Ce paragraphe a un fond vert
</p>
<p style="background-color:#0000ff">
Ce paragraphe a un fond bleu
</p>
<p style="background-color:rgb(255,0,0)">
Ce paragraphe a lui aussi un fond rouge
</p>
Vous l'aurez remarqué, il est possible d'utiliser 4 notations différentes pour modifier la couleur de fond d'un élément html :
- Un nom de couleur : red
- La notation hexadécimale courte sur 3 caractères : #0f0
- La notation hexadécimale longue sur 6 caractères : #0000ff
- La notation au format rgb : rgb(255,0,0)
Il faut savoir que les couleurs de fond se superposent en css, pour qu'un élément html ait la même couleur que son parent il est parfois utile d'utiliser un background transparent.
Image : Incurable Hippie
