/ Code Css background | Résultat du code Css background | Copie d'écran / J'ai vu une erreur dans cette page

Exemple de code de la propriété CSS background.

<style type="text/css">
.background-1{  : green url(/img/style_css/background.gif) }
.background-2{  : green url(/img/style_css/background.gif) no-repeat scroll 10px 20px }
.background-3{  : green } 


.background-4{ 
 background : 
  url(/img/exemple/background-image-silouhette.png) repeat-x -20% 30% / auto content-box scroll,
  url(/img/exemple/background-image-fenetre.png) no-repeat 30px -20px / auto padding-box scroll,
  red url(/img/exemple/background-image-ciel.gif) repeat left 10px top 10px / auto border-box scroll; 
} 
  
.exemple-background{ width : 300px; height : 50px; margin-bottom : 10px; padding : 10px; border : 1px solid #666; }
.exemple-multi{ width : 197px; height : 250px; 
}
</style>

<span>Exemple background : green url(/img/style_css/background.gif)</span>
<div class="exemple-background background-1"></div>
<span>Exemple background : green url(/img/style_css/background.gif) no-repeat scroll 10px 20px </span>
<div class="exemple-background background-2"></div>
<span>Exemple background : green</span>
<div class="exemple-background background-3"></div>
<span>Avec plusieurs images d'arrière-plan et dégradé : </span>
<div class="exemple-multi background-4"></div>
 

Interprétation du code de la propriété background CSS par votre navigateur.

Exemple background : green url(/img/style_css/background.gif)
Exemple background : green url(/img/style_css/background.gif) no-repeat scroll 10px 20px
Exemple background : green
Avec plusieurs images d'arrière-plan et dégradé :

Interprétation normale du code de la propriété CSS background (copie d'écran).

copie d'écran de l'affichage de la propriété CSS background