<ul class="menu">
<li><a href="index.html">Ana Sayfa </a></li>
<li><a href="hakkimizda.html">Hakkımızda</a></li>
<li><a href="urunler.html">Ürünler</a></li>
</ul>
body {
margin: 15px 0 0 0;
padding: 0;
font: 12px Arial, Helvetica, sans-serif;
}
ul.menu {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
ul.menu li {
margin: 0 0 0.2em 0;
}
ul.menu a {
display: block;
color: #1b1b1b;
background-color: #e2e2e2;
width: 8em;
padding: 0.2em 0.8em;
text-decoration: none;
}
ul.menu a:hover {
background-color: #999;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.