Prima Pagina > Creazione Siti Web > CSS - fogli di stile > Moduli e fogli di stile

News
Pubblicità

Form Moduli personalizzati tramite Fogli di Stile

Scarica il file forms.css e collegalo alle tue pagine con questa riga di codice:

<head>
<title>Titolo Pagina</title>
<link rel="stylesheet" type="text/css" media="all" href="/forms.css" />
</head>


Una volta collegato il CSS alla pagina web basterà scrivere all'interno di un form

<input type="text" name="textfield" class="form1" />

per applicare il primo stile e così via. Puoi modificare il CSS a tuo piacimento, nessun copyright vieta la distrubuzione o la modifica.

.form1{
background: #000000;
color: #ffffff;
font-face: Verdana;
font-size: 10px;
}

Risultato:

 

.form2{ background: #ff9933; color: #000000; font-face: Verdana; font-weight: bold; font-size: 10px; border: #000000; }

Risultato:

.form3{ background: #0066cc; color: #000000; font-face: Verdana; font-weight: bold; font-size: 10px; border: #000000; }

Risultato: