<style type="text/css">
.exemple-background-color-1{ background-color : red }
.exemple-background-color-2{ background-color : #01BC62 }
.exemple-background-color-3{ background-color : rgb(37, 8, 186) }
.exemple-background-color-4{ background-color : rgba(37, 8, 186, 0.5) } /* Couleur avec transparence */
.exemple-background-color-5{ background-color : hsl(0, 100%, 27%) }
.exemple-background-color-6{ background-color : hsla(0, 100%, 27%, 0.5) } /* Couleur avec transparence */
.exemple-background-color-7{ background-color : currentColor }
.exemple-background-color-7:hover{ color : green }
#couleur-fond-parent{ background-color : #000; width : 314px; padding : 5px; }
.exemple-background-color-8{ background-color : #008A11; border : 2px solid #fff }
.exemple-background-color-8:hover{ background-color: transparent } /* Couleur transparente */
.exemple-background-color-1.background-image-1{ background-image : url(/img/exemple/filter-image-1.png); width : 150px; height : 150px; padding : 0px; color : #fff }
#couleur-fond-parent, .exemple{ margin-bottom : 10px }
#couleur-fond-parent .exemple-background-color-8{ margin-bottom : 0 }
.exemple{ width : 300px; }
div.exemple,
table.exemple{ padding : 5px; }
</style>
Couleurs d'arrière-plan sur un tableau et une cellule :
<table class="exemple exemple-background-color-2" border="1" cellspacing="0" cellpadding="0">
<tr>
<td nowrap class="exemple-background-color-1">Fond de cellule</td>
</tr>
</table>
Couleur d'arrière-plan au format nommé :
<div class="exemple exemple-background-color-2"> background-color : #01BC62; </div>
Couleur d'arrière-plan au format RVB :
<div class="exemple exemple-background-color-3"> background-color : rgb(37,8,186); </div>
Couleur d'arrière-plan au format RVB avec transparence à 50% :
<div class="exemple exemple-background-color-4"> background-color : rgba(37,8,186,0.5); </div>
Couleur d'arrière-plan au format HSL :
<div class="exemple exemple-background-color-5"> background-color : hsl(0,100%,27%); </div>
Couleur d'arrière-plan au format HSL avec transparence à 50% :
<div class="exemple exemple-background-color-6"> background-color : hsla(0,100%,27%,0.5); </div>
Changement de color au survole :
<div class="exemple exemple-background-color-7"> background-color : currentColor ; </div>
Application de transparent au survole su curseur :
<div id="couleur-fond-parent"><div class="exemple exemple-background-color-8"> background-color : transparent ; </div></div>
Image avec zone transparente :
<div class="exemple exemple-background-color-1 background-image-1"> Image avec zone transparente </div>
Couleurs d'arrière-plan sur un tableau et une cellule :
Couleur d'arrière-plan au format nommé :
background-color : #01BC62;
Couleur d'arrière-plan au format RVB :
background-color : rgb(37,8,186);
Couleur d'arrière-plan au format RVB avec transparence à 50% :
background-color : rgba(37,8,186,0.5);
Couleur d'arrière-plan au format HSL :
background-color : hsl(0,100%,27%);
Couleur d'arrière-plan au format HSL avec transparence à 50% :
background-color : hsla(0,100%,27%,0.5);
Changement de color au survole :
background-color : currentColor ;
Application de transparent au survole su curseur :
background-color : transparent ;
Image avec zone transparente :
Image avec zone transparente
