|
<html>
<style>
ul {
margin: 0;
padding: 0;
list-style: none;
width: 600px;
float: left;
border-bottom: 1px solid gray;
}
ul li {
float: left;
background: url(images/sag.jpg) no-repeat top right;
}
li a {
background:url(images/sol.jpg) 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;
}
</style>
<head>
</head>
<body>
<ul>
<li><a href="#"><strong>Ana Sayfa</strong></a></li>
<li><a href="#"><strong>Haberler</strong></a></li>
<li><a href="#"><strong>Ürünler</strong></a></li>
</ul>
</body>
</html>
|
