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>