CSS:Bouton plat

L'exemple ci-après permet de faire un bouton dont le fond change d'aspect au passage de la souris. Cet effet, largement répandu, utilise souvent un javascript ou un applet java lourd à charger.

Ici, la légèreté est de mise... Et on obtient ainsi facilement : par défaut :

quand le pointeur de la souris s'y pose :

[modifier]

Source html

<a href=".." class="bouton">Cliquez ici !</a>

[modifier]

Source css

a.bouton:link, a.bouton:visited, a.bouton:hover{
  width:150px; 
  height:30px; 
  text-decoration:none; 
  color:white;
  text-align:center; 
  font-weight:bold; 
  padding:5px
 }          
 a.bouton:link, a.bouton:visited{
  background-color:#000080;
 }
 a.bouton:hover{
  background-color:#0000ff;
 }

[modifier]