La proprietà CSS "background-image" consente di collegare un'immagine come sfondo per un pulsante. Ciò significa che l'immagine viene visualizzata al posto del pulsante tipico del browser che si vede quando l'immagine non viene visualizzata. È possibile utilizzare qualsiasi JPG, GIF o PNG per immagine di sfondo del pulsante. Prima di fare il pulsante diventa immagine, in modo che l'immagine si trova sul server.

istruzione

1 Fare clic destro sul file HTML che contiene il pulsante. Fai clic su "Apri con", quindi fare clic l'editor HTML nella lista dei programmi.

2 Creare la classe Button. Copia e incolla il seguente codice al file HTML, sostituendo il nome dell'immagine con il proprio:

<Script type = "text / css">

un bottone {

background-color: trasparente;

background-image: URL (button.gif);

}

</ Script>

3 Collegare la nuova classe CSS per il pulsante HTML. Il seguente codice è un esempio di un pulsante che utilizza l'immagine di sfondo impostato nella classe CSS:

<Input type = = "tasto" "bottone" di classe>

4 Salvare le modifiche, e aprire il file in un browser Web. Rivedere il tasto per verificare i carichi di immagini sul pulsante.