Nwlapcug.com


Come applicare un CSS a un Tag DIV

Tag HTML DIV vengono spesso utilizzati per raggruppare vari tipi di elementi, come immagini, tabelle e testo, in un contenitore. È possibile applicare gli stili CSS per il tag DIV, come colore di sfondo, colore del testo e bordi. Applicare un colore di sfondo o bordo è un modo utile per visualizzare il vostro DIV come un gruppo per gli utenti. I bordi CSS variano in dimensioni, tipo e colore.

Istruzioni

1

Aprire la pagina HTML in un editor.

2

Digitare i valori di stile del bordo del tag DIV:

< div style = "border: sottile #000000 tratteggiata" >

< p > un blocco di dati. </p >

< / div >

Il DIV è circondato da un bordo punteggiato sottile, nero. Modificare gli attributi di confine per soddisfare le vostre esigenze. Spessore o la larghezza del bordo può essere sottile, media, grossa o un valore numerico, ad esempio "12px." Il colore è rappresentato da vari metodi, tra cui un numero esadecimale del colore, come mostrato nell'esempio, un colore RGB "rgb(255,0,0)" o un nome di colore valido come "blue" e "rosso". Lo stile del bordo può essere solido, punteggiato o doppia.

3

Digitare il codice per inserire un colore di sfondo per il gruppo DIV:

< div style = "background-color: #99CC00" >

< p > un blocco di dati. </p >

< / div >

Il raggruppamento di DIV viene visualizzato uno sfondo verde lime. Valori di colore possono essere definiti con vari metodi, compreso un numero di colore esadecimale come illustrato in precedenza, un RGB colore "rgb(255,0,0)" o un nome di colore valido come "yellow" e "nero".

4

Salvare la pagina. Aprire il documento in un browser Web per testare il codice CSS.