Un tag DIV è un tag HTML che riempie un'intera linea. Come tale, è spesso utilizzato come un contenitore per i blocchi di contenuto. Infatti, il tag DIV può contenere altri tag che creare paragrafi, elenchi puntati, immagini e link. A seconda del layout generale della pagina Web, è possibile utilizzare i bordi per rendere più visibile il contenitore. Quando si aggiunge un bordo al DIV, è preferibile includere alcune imbottiture. Ciò mantiene il contenuto dalla posizione seduta destra contro il bordo.

Istruzioni

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 scegliere dove si desidera che il tag DIV per andare.

3

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

< div style = "border: 1px solid black;" > il tuo contenuto Vai qui < / div >

4

Sostituire "1px" con del bordo dimensione. Sostituisci "tinta" con "tratteggiato", "dotted", "double" o il tipo di bordo desiderato. Sostituire "nero" con colore del bordo.

5

Sostituire "confine" con "border-top," "fondo-fondo," "in basso a sinistra" o "basso-sinistra" per personalizzare dove il bordo viene visualizzato. Il codice seguente, ad esempio, solo si applica un bordo alla parte superiore del DIV:

< div style = "border: 1px solid black;" > il tuo contenuto Vai qui < / div >

6

Aggiungere spaziatura interna tra il DIV e il relativo contenuto con il codice riportato di seguito, ma sostituire "5px;" con la quantità di spazio che si desidera includere:

< div style = "border: 1px solid black; padding: 5px; " > il tuo contenuto Vai qui < / div >