Menu pionowe
<ul>
<li><a href="#">Menu1</a></li>
<li><a href="#">Menu2</a></li>
<li><a href="#">Menu3</a></li>
</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;
}
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>
<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>