Menü kódja
<ul id="navigation">
<li>
<a href="link.html">Link 1</a>
</li>
<li>
<a href="link.html">Link 2</a>
</li>
<li>
<a href="link.html">Link 3</a>
</li>
<li>
<a href="link.html">Link 4</a>
</li>
</ul>
CSS kód
<style type="text/css">
#navigation {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
list-style: none;
}
#navigation li {
margin-bottom: 2px;
}
#navigation a {
background: #D8DAD3;
color: #000000;
display: block;
width: 200px;
border-left: 5px solid #808080;
padding-left: 10px;
padding-bottom: 5px;
padding-top: 5px;
}
#navigation a:hover {
background: #808080;
color: #ffffff;
text-decoration: none;
border-left: 5px solid #000000;
}</style>
3 142 megtekintés