codice:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Pulsante con immagine</title>
<style>
#pulsante-registrati{ background:url(http://www.apricenacerca.it/public/icone/icona-64/contento.png) left center no-repeat;
padding-left:64px;
padding-top:25px;
padding-bottom:25px;
padding-right:5px;
background-color:#FFF;
border:1px solid #F60;
border-radius:3px;
cursor:pointer;
text-decoration:none;
font-size:20px;
}
#pulsante-registrati:hover{ background:url(http://www.apricenacerca.it/public/icone/icona-64/felice.png) left center no-repeat;
padding-left:64px;
padding-top:25px;
padding-bottom:25px;
padding-right:5px;
background-color:#FFF;
border:1px solid #F60;
border-radius:3px;
cursor:pointer;
}
</style>
</head>
<body>
<div style="padding-top:100px; text-align:center">
<p>
<a id="pulsante-registrati" href="http://www.apricenacerca.it"> Registrati </a>
</p>
</div>
</body>
</html>