September 29
forme Web utilizzano il tag "<input>" per creare "Invia" pulsanti, anche se elementi di input, in generale, si trovano anche i campi di testo di molti tipi, che vanno da nomi ai numeri di telefono e date. Utilizzare un selettore ID in CSS di indirizzare solo il pulsante in modo compatibile cross-browser. Regolare il testo all'interno delle proprietà CSS pulsante usando che cambiano imbottitura, font e colori. Queste proprietà a perfezionare i pulsanti "Invia" aiutano in modo da apparire ben allineati e formattata correttamente.
1 Aprire la pagina Web che contiene il pulsante "Invia" in Blocco note o un editor di codice. Cercare "<style>" tag tra i tuoi "<head>" tag e aggiungere questo codice se non li trovate:
<Style type = "text / css">
</ Style>
Tutto il codice CSS va tra i "<style>" tag.
2 Scorrere fino alla fine del codice del modulo Web e cercare un codice simile a questo:
<Input type = "submit" name = "submit" id = "submit" value = "Invia" />
Individuare il nome ID; Nell'esempio, il nome ID è "Invia". Modificare il testo per il pulsante modificando la proprietà "valore" se si desidera renderlo diverso.
3 Torna al tuo "<style>" tag e scrivere questo codice:
invio {
padding: 20px 10px;
}
Change "invia" per abbinare il nome di ID si trova all'interno del tag "<input>". Imbottiture per il pulsante per creare spaziatura tra il testo del pulsante e il bordo del pulsante. Nell'esempio precedente, il primo valore di padding imposta la spaziatura verticale mentre il secondo valore imposta la spaziatura orizzontale.
4 Impostare il font utilizzando "font-family" e lo stile il testo pulsante, se necessario, usando il testo grassetto o in corsivo:
invio {
padding: 20px 10px;
font-family: Arial;
font-style: italic;
font-weight: bold;
}
5 Lascia la tua pulsante di testo un colore:
invio {
padding: 20px 10px;
font-family: Arial;
font-style: italic;
font-weight: bold;
colore blu;
}