Come modificare l'aspetto della immissione di testo HTML

July 22

Come modificare l'aspetto della immissione di testo HTML


Il tag Cascading Style Sheets (CSS) "stile" può essere utilizzato all'interno di un documento HTML per modificare l'aspetto di una casella di testo. La casella di testo fa parte di un modulo e viene creato con il tag HTML "<INPUT>". È possibile modificare il colore casella di testo di sfondo, colore del testo, font di testo o anche la dimensione del testo. Questo darà la vostra forma un aspetto più interessante di semplice bianco e nero. Se avete intenzione di aggiungere il colore sia per lo sfondo e il testo, l'uso di colori contrastanti per la massima visibilità.

istruzione

1 Aprire il documento html in qualsiasi editor di testo, come Blocco note di Windows.

2 Individuare il "<input type =" text ">" tag per la casella di testo che si desidera modificare l'aspetto di.

3 Aggiungere il seguente codice dopo il "testo" parte del tag:

Style = "color: # 00FF00; font-family: Tempi; font-size: 12px; background-color: # FF0000;"

Questo creerà una casella di testo con uno sfondo rosso. Il testo digitato sarà verde, nel font "Times" e dodici pixel di dimensione. È possibile modificare gli attributi per soddisfare il vostro sito web. L'intero tag sarà simile a: <input type = "text" style = "color: # 00FF00; font-family: Tempi; font-size: 12px; background-color: # FF0000;" size = maxlength "10" = "30">

4 Salvare e chiudere il file.

5 Verificare le modifiche aprendo il file in qualsiasi browser web.