È possibile modificare l'aspetto un pulsante HTML attraverso fogli di stile CSS (CSS) o sostituendo il pulsante con la propria immagine. Questo è utile quando si desidera rendere il pulsante levarsi in piedi fuori o semplicemente per dare il proprio stile e aspetto. Un utilizzo comune del pulsante HTML è come il pulsante di invio per i moduli in una pagina Web. Fare attenzione quando si aggiunge il codice CSS come a volte Visualizza in modo diverso nei vari browser, soprattutto vecchie versioni.

Istruzioni

1

Aprire il file di origine HTML in un editor di testo come blocco note di Windows.

2

Aggiungere il codice "tipo ="immagine"e" per il "tag < input > per il pulsante modulo sostituire il pulsante HTML predefinito con il proprio file di immagine. Ad esempio, "< input type ="immagine"nome ="submit"sezione del file HTML se si desidera solo modificare l'aspetto generale del pulsante HTML predefinito. Colore di sfondo del pulsante, dimensione carattere, imbottitura e spessore del carattere sono alcuni attributi che è possibile modificare. Ad esempio, "< testa >< stile tipo =" text/css"> #mybutton {background-color: giallo; imbottitura: 30px;} < / stile >< / testa >".

4

Aggiungi il tuo foglio di stile come "id ="mystyle"" all'interno del tag "< input >" dove il vostro pulsante di forma si trova nel file HTML. Ad esempio, "< tipo input ="submit"id ="mybutton"value ="Cerca!"/ >" renderà il vostro pulsante hanno un colore di sfondo giallo e una maggiore imbottitura.

5

Salvare il file HTML.