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>

0 comentarii:

Trimiteți un comentariu