CodePen Embed - menü örneği

<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 is owned by Fatih Hayrioğlu on CodePen.

See more by @fatihhayri on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.