Tag DIV (abbreviazione di "divisione") definire una sezione di un documento HTML e sono spesso utilizzati in combinazione con i CSS per creare il layout di base di un sito Web. Un DIV può essere stile utilizzando i CSS per definire i margini, padding, bordi, allineamento o sfondo colore testo. È inoltre possibile eseguire tricks più avanzati utilizzando i CSS, come cambiare il colore di sfondo del DIV quando l'utente posiziona il cursore del mouse su esso.

Istruzioni

1

Aprire il documento di pagina Web in un editor di testo.

2

Fare clic per posizionare il cursore di testo su una riga vuota tra la "< HEAD >" e "< / HEAD >" tag.

3

Tipo "< style type = ' text/css' >" e premere "Invio". Si tratta di uno script CSS tag di apertura.

4

Tipo "#div1:hover {background-color: #ff0000;}" e premere "Invio". Questo stili un contenitore DIV con ID "div1" per modificare il colore di sfondo a "#ff0000" (un valore di colore esadecimale) quando viene attivato lo stato "hover", ad esempio quando un cursore del mouse è posizionato sopra la DIV. I valori di "#ff0000" ID "div1" e colore di sfondo possono essere modificati secondo necessità.

5

Digitare "< / stile" > per chiudere il tag di script CSS.

6

Fare clic per posizionare il cursore di testo su una riga vuota tra la "< BODY >" e "< / BODY >" tag.

7

Tipo "< DIV ID ="div1">" e premere "Invio" per creare un DIV contenitore con il valore di ID di "div1." Se qualcosa di diverso nel passaggio 4 è stato modificato il valore dell'ID, l'ID deve essere cambiato per lo stesso valore qui.

8

Digitare o incollare qualsiasi contenuto per essere contenuti in DIV, quindi premere "Invio".

9

Tipo "< / DIV" per chiudere il contenitore DIV.

10

Fare clic su "File" e "Salva" per salvare il documento di pagina Web.