Webrafik.net | Yatay Css Menü Yapımı

<head>
 
<style type="text/css">
 
#menu ul {
 
margin: 0px;
padding: 0px;
list-style-type: none; }
 
#menu ul li {
float: left;
width: 200px; }
 
#menu ul li a {
font: bold 16px Tahoma;
color: #999;
background-color: #333;
text-decoration: none;
display: block;
text-align: center;
line-height: 30px;
margin-right: 5px;
padding-top: 10px;
padding-bottom: 10px; }
 
#menu ul li a:hover {
color: #333;
background-color: #999;}
 
</style>
</head>
<html>
<body>
<div id="menu">
	<ul>
	 <li><a href="http://www.webrafik.net">Anasayfa</a></li>
	 <li><a href="#">Hakkımda</a></li>
	 <li><a href="#">Portfolyo</a></li>
	 <li><a href="#">İletişim</a></li>
	</ul>
</div>
</body>
</html>