Il tag DIV è usato per creare blocchi che può essere uno stile utilizzando vari CSS (cascading style sheet) attributi. Anche se l'avvento di HTML5 finirà per rendere il tag DIV obsoleto, è attualmente ancora un tag utile. Utilizzando il tag DIV con gli attributi in linea in grado di fornire un modo rapido per personalizzare una sezione specifica di una pagina. Il tag DIV può essere utilizzato come involucro per creare un fondo per una certa parte della pagina. Lo sfondo può essere impostato su un colore solido o un'immagine.

istruzione

Impostare lo sfondo ad un colore

1 Trovare il codice HTML del colore per lo sfondo. Una risorsa per ottenere il codice di colore è il sito HTML Color Picker (vedi Risorse).

2 Aggiungere l'attributo "background-color" come opzione di stile per il tag DIV. Definire l'attributo con il codice HTML del colore. Per il nero, il codice è il seguente:

<Div style = "background-color: # 000000"> il testo qui </ div>

3 Carica la pagina Web e quindi verificare il codice visualizzando la pagina in più browser.

Impostare lo sfondo di un'immagine

4 Carica l'immagine di sfondo per il vostro server Web o ad un servizio che permette di collegamento diretto alle immagini.

5 Aggiungere l'attributo "background-image" come opzione di stile per il tag DIV. Definire l'attributo con il seguente codice: "URL (pathtoimage)". Sostituire il testo all'interno delle parentesi per abbinare il percorso dell'immagine che si desidera utilizzare. Per un'immagine denominata "background.jpg" che è memorizzato in una cartella denominata "images" nella stessa directory come pagina Web, il codice è il seguente:

<Div style = "background-image: URL (/images/background.jpg)"> il testo qui </ div>

6 Carica la pagina Web e quindi verificare il codice visualizzando la pagina in più browser.