Questo semplice esempio mostra come realizzare un banale menù orizzontale.
<html>
<head>
<style>
UL.hmenu
{
margin: 0;
padding: 0;
list-style: none;
}
UL.hmenu LI
{
float: left;
height: 24px;
width: 120px;
border: 1px solid #AFAFAF;
marcin-right: 3px;
font: bold 10pt Arial, Helvetica, sans-serif;
color: #4F2222;
line-height: 24px;
background-color: #DFB5B5;
text-align: center;
cursor:pointer
}
UL.hmenu LI:hover
{
background-color:#EFD1D1;
}
</style>
</head>
<body>
<ul class="hmenu">
<li>Menu 1</li>
<li>Menu 2</li>
<li>Menu 3</li>
<li>Menu 4</li>
</ul>
</body>
</html>
