<ul>
  <li><a href="#">Anasayfa</a></li>
  <li><a href="#">Haberler</a></li>
  <li><a href="#">Ürünler</a></li>
</ul>
body{
	font: bold 80% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 600px;
	float: left;
	border-bottom: 1px solid gray;
}

ul li {
	float: left;
	background: url(https://fatihhayrioglu.com/images/sekme_sag_resim.gif) no-repeat top right;
}


li a {
	background:url(https://fatihhayrioglu.com/images/sekme_sol_resim.gif) no-repeat left top;
	display: block;
	padding: 0 2em;
	line-height: 2.5em;
	text-decoration: none;
	float: left;
	color:#000;
}

ul a:hover {
	color: #9D9C9C;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.