• La pseudo-classe :hover •

La pseudo-classe :hover permet de modifier le style d'un élément lorsqu'il est survolé par le curseur de la souris.

Exemple : modifier la couleur de fond

HTML
<div class="carre"></div>
=>
CSS
div.carre
{
width : 150px;
height : 150px;
background-color : SkyBlue;
}

div.carre:hover
{
background-color : DarkMagenta;
}
=>