PODRECZNIK

Menu pionowe

<ul>
 <li><a href="#">Menu1</a></li>
 <li><a href="#">Menu2</a></li>
 <li><a href="#">Menu3</a></li>
</ul>
ul{
list-style-type:none;
}
li{
display:block;
}
a{
color:black;
text-decoration:none;
padding:5px;
}
a:hover{
background-color:skyblue;
}

Efekt

Menu poziome rozwijane

<ol>
 <li><a href="#">Menu1</a>
  <ul>
   <li><a href="#">Podmenu1</a></li>
   <li><a href="#">Podmenu2</a></li>
  </ul>
 </li>
 <li><a href="#">Menu2</a></li>
 <li><a href="#">Menu3</a></li>
</ol>

Efekt