Inserire un'immagine su un testo con css

**LuigiDaddario** · 01-02-2015, 10:41

Salve a tutti, ho bisogno di un piccolo aiuto: io ho un testo html sopra il quale vorrei inserire un'immagine con css (In poche parole ci sarà questo testo con sopra una mano ad indicare che cliccando si ha la possibilità di mostrare il menu). Come lo faccio responsive? con css come si fa?
Spero mi possiate aiutare

**rinaldi** · 02-02-2015, 09:31

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>

Discussione: Inserire un'immagine su un testo con css

Strumenti discussione

Ricerca discussione

Visualizza

Inserire un'immagine su un testo con css

Tag per questa discussione

Permessi di invio