Come utilizzare i CSS per dare un bordo a un Div

November 2

"DIV" sono utilizzati in HTML per contenere sezioni della pagina Web, come ad esempio una colonna, intestazione o piè di pagina. È possibile utilizzare i fogli di stile a cascata, o CSS, formattare ogni sezione e il suo contenuto. Utilizzando i confini, è possibile rendere i settori della vostra pagina Web più visibile. Inoltre, è possibile personalizzare il colore del bordo, dimensioni e stile. Lo stile del bordo può essere una linea continua, punteggiata, tratteggiata o doppio e circondano l'intera DIV o solo parti di esso.

istruzione

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

2 Aggiungere il seguente tra i tag <HEAD>. Si aggiunge un bordo nero solido al div.

<Style>
<! -

myBorder {

border: 2px solid red;
padding: 5px;
}
->
</ Style>

3 Sostituire "border:" nel codice precedente con "border-top:" per visualizzare il bordo in alto del solo DIV. Utilizzare "border-bottom:" per visualizzare un bordo inferiore, "border-sinistra" per un bordo sinistro o "border-right:" per un bordo destro.

4 Sostituire "solido" con il tipo di bordo che si desidera creare, come "doppio", "tratteggiata", o "punteggiata" Sostituisci "2px;." Con la dimensione del bordo che si desidera creare. Sostituire "rosso" con il colore del bordo. Sostituire il valore di "riempimento" con la spaziatura tra il DIV e il suo contenuto.

5 Aggiungere il seguente tra i tag <body> dove il DIV va. Sostituire "Il mio testo va qui" con il contenuto del DIV.

<Div id = "myBorder"> Il mio testo va qui </ div>