Il tag DIV viene utilizzato per creare blocchi che possono essere in stile utilizzando vari attributi CSS (foglio di stile CSS). Anche se l'avvento di HTML5 renderà alla fine del tag DIV obsoleta, è attualmente ancora un tag utile. Utilizzando il tag DIV con gli attributi inline può fornire un modo rapido per personalizzare una sezione specifica di una pagina. Il tag DIV può essere utilizzato come wrapper per creare uno sfondo per una specifica porzione della pagina. Lo sfondo può essere impostato su un colore solido o un'immagine.

Istruzioni

Impostare un colore di sfondo

1

Trovare il codice HTML del colore per lo sfondo. Una risorsa per ottenere il codice di colore è il sito Web HTML Color Picker (Vedi risorse).

2

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

< stile DIV = "background-color: #000000" > qui il tuo testo < / div >

3

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

Impostare sfondo un'immagine

4

Caricare l'immagine di sfondo al server Web o a un servizio che consente di creare link diretti alle immagini.

5

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

< stile DIV = "immagine di sfondo: URL(/images/background.jpg)" > qui il tuo testo < / div >

6

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