Per realizzare il menu formato da un contenitore DIV che ha al suo interno 5 contenitori DIV, il codice diventa il seguente.
Nel BODY scrivere i contenitori con il testo:
<DIV CLASS="div-esterno">
<DIV CLASS="div-interno">Cos'č HTML</DIV>
<DIV CLASS="div-interno">Storia dell'HTML</DIV>
<DIV CLASS="div-interno">Struttura della pagina</DIV>
<DIV CLASS="div-interno">Elementi HTML, HEAD e BODY</DIV>
<DIV CLASS="div-interno">Il paragrafo</DIV>
</DIV>
Nell'HEAD mettere lo stile:
<HEAD>
<STYLE TYPE="text/css">
.div-esterno {
background-color:#CC6666;
border:1 solid darkblue;
font-family:Arial, Verdana;
font-size:13px;
color:darkblue;
font-weight:bold;
width:230px;
}
.div-interno {
background-color:#CCCCCC;
margin:2px;
padding:2px;
border:1 solid darkblue
}
</STYLE>
</HEAD>
Notare che per ereditarietā, essendo
div-interno contenuto in
div-esterno, eredita
font-family,
font-size,
color e altri attributi da
div-esterno.
div-interno verrā tracciato invece con
background-color e
border definiti per esso.
