<style type=”text/css”>
<!–
#menu {
width: 250px;
background-color: #F00;
border: 1px solid #000;
}
#menu ul li a:hover {
background-color: #900;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu ul li a {
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFF;
display: block;
padding: 6px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFF;
}
#menu h2 {
margin: 0px;
padding: 6px;
background-color: #900;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #FFF;
}
–>
</style>
</head><body>
<div id=”menu”>
<ul>
<h2>Ana Menü</h2>
<li><a href=”#”>Ana Sayfa</a></li>
<li><a href=”#”>Hakkımda</a></li>
<li><a href=”#”>Neler Yaptım</a></li>
<li><a href=”#”>Neler Yaparım</a></li>
<li><a href=”#”>Foto Galeri</a></li>
<li><a href=”#”>İletişim</a></li>
<h2>Web Dersleri</h2>
<li><a href=”#”>Html</a></li>
<li><a href=”#”>Css</a></li>
<li><a href=”#”>Wordpress</a></li>
<li><a href=”#”>Javascript</a></li>
<li><a href=”#”>AspNet</a></li>
<li><a href=”#”>Php</a></li>
</ul>
</div>
Umarım Beğenirsiniz.
