<style type="text/css">
.background-1{ background : green url(/img/style_css/background.gif) }
.background-2{ background : green url(/img/style_css/background.gif) no-repeat scroll 10px 20px }
.background-3{ background : 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 : greenAvec plusieurs images d'arrière-plan et dégradé :
Interprétation normale du code de la propriété CSS background (copie d'écran).