Come pulsanti di scelta fortemente stile con i CSS per tutti i browser

August 16

La qualità di qualsiasi pagina Web che si costruisce è determinato dalla qualità complessiva degli elementi aggiunti ad esso. Così i progettisti devono considerare attentamente anche i più piccoli dettagli, inclusi i pulsanti di opzione. Mentre si potrebbe creare questi pulsanti utilizzando il tipo standard vostro editor di pagine Web fornisce, un approccio più sofisticato è quello di rendere loro utilizzando fogli di stile CSS - o CSS - con un'immagine applicato direttamente al pulsante. Un fattore importante nella creazione di questi tasti è per assicurarsi che funzionino correttamente in una vasta gamma di browser. Anche se si sta utilizzando un editor di pagine Web, questo deve essere fatto con codifica diretta.

istruzione

1 Caricare le immagini per il pulsante di opzione sul computer.

2 Aprire il sito che si desidera modificare nel editor di pagine Web che si sta utilizzando. Aprire il foglio di stile CSS.

3 Vai alla sezione ".checkbox" del codice, e rendere la "altezza" un quarto della dimensione dell'immagine che si sta utilizzando. Digitare il nome del file di immagine che si sta utilizzando, tra le parentesi nella sezione "url". Effettuare le stesse modifiche nella sezione ".radio". Salvare il lavoro.

Consigli e avvertenze

  • Se si preferisce, si può anche fare queste modifiche utilizzando un editor di testo di base come il Blocco note.