Butoane HTML/CSS

O metoda simpla pentru a realiza un meniu cu butoane care se pot schimba complet la trecerea mouseului este utilizand imagini .

Se adauga codul pentru buton in CSS:
.but a {
display: block;
background: url(imagine_normala.jpg) no-repeat;
}
.but a:hover {
background: url(imagine_atentionare.jpg) no-repeat; ;
} 

 Apoi in cadrul paginii se apeleaza clasa pentru a afisa butonul.
<div class="but">
<a href="#">link</a>
</div>