css background color

Mettre une couleur de fond en css

Comment mettre une couleur de fond avec la propriété background color en utilisant css

couleur de fond css, css couleur fond, css background color, css background, couleur de fond, css couleur de fond

Date de publication : 2011-10-16 12:54:26

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

 
 

b1n@sp1n