Come formattare Form Caselle Con i CSS

June 20

Come formattare Form Caselle Con i CSS


Quando si codifica i moduli Web in HyperText Markup Language (HTML), le scatole e gli altri elementi sono formattati per impostazione predefinita, ma si ha la possibilità di cambiare il display utilizzando Cascading Style Sheets (CSS). CSS ti permette di controllare come alcune funzioni, come ad esempio il confine dei vostri carichi e il colore di sfondo, appaiono in modo da poter meglio personalizzare in base alle proprie layout. Creare la regola CSS che progetta le vostre caselle del modulo, come si preferisce.

istruzione

1 Avviare l'applicazione editor di testo e aprire il file che contiene le caselle da formattare.

2 Digitare "<style type =" text / css "> </ style>" dopo l'inizio tag <head> nella parte superiore della pagina. Questo codice CSS contiene le regole di stile create.

3 Inserire "input" seguito da parentesi graffe per creare la regola che gli stili vostre caselle del modulo. Tipo "border:;" all'interno delle parentesi e immettere un valore numerico in pixel (px), uno stile di linea, come ad esempio "punteggiata", e un valore di colore esadecimale per specificare come appaiono i contorni intorno alle vostre caselle del modulo. Illustrare:

Ingresso {border: 1px dotted # ffff00; }

4 Tipo "background-color:;" dopo il confine ed entrare attribuire un colore per determinare il colore di sfondo del contenitore. Inoltre, digitare "color:;" e digitare una tonalità preferita per definire il colore di qualsiasi testo che appare nella casella del modulo. Il tuo codice CSS completo appare come l'esempio illustrato di seguito:

<Style type = "text / css">

Ingresso {border: 1px dotted # ffff00; background-color: # 606060; colore: #FFFFFF; }

</ Style>

5 Salvare il file. Le caselle nel modulo è attualmente formattata automaticamente, in base al vostro regola di stile.