Un tag DIV è un tag HTML che riempie un'intera linea. Come tale, è spesso usato come contenitore di blocchi di contenuto. In realtà, il tag DIV può contenere altri tag che creano paragrafi, elenchi puntati, immagini e link. A seconda del layout generale della pagina Web, si consiglia di utilizzare i bordi per rendere il contenitore più visibile. Quando si aggiunge un bordo al DIV, è meglio includere alcune imbottiture. Ciò mantiene i contenuti da seduto proprio contro il confine.

istruzione

1 Aprire il file HTML che si desidera modificare in un editor di testo, come Blocco note, WordPad o EditPad.

2 Scorrere sotto il tag BODY e fare clic su cui si desidera che il tag DIV per andare.

3 Inserire il seguente codice per creare un bordo intorno tutti i lati del tag DIV:

<Div style = "border: 1px solid black;"> I contenuti vanno qui </ div>

4 Sostituire "1px" con le dimensioni del bordo. Sostituire "solido" con "tratteggiata", "punteggiata", "doppio" o il tipo di bordo che si desidera. Sostituire "nero" con il colore del bordo.

5 Sostituire "confine" con "border-top", "bottom-bottom", "in basso a sinistra" o "in basso a sinistra" per personalizzare dove appare il confine. Il seguente codice, ad esempio, si applica solo un bordo all'inizio della DIV:

<Div style = "border: 1px solid black;"> I contenuti vanno qui </ div>

6 Aggiungere spaziatura tra il DIV e il suo contenuto con il seguente codice, ma sostituire "5px;" con la quantità di spazio che si desidera includere:

<Div style = "border: 1px solid nero; padding: 5px;"> I contenuti vanno qui </ div>