<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="menu.css" />
<title>Tutorial Menu Css Simples</title>
 <style  TYPE="text/css"> 
<!--
*{
   margin:0;
   padding:0;
}
#menu{
   font-family:'Trebuchet MS', Verdana, Tahoma, sans-serif;
   margin:40px 0 0 40px;
}
#menu h3{
   margin-bottom:20px;
   color:#39F;
}
#menu ul{
   text-align:center;
   width:170px;
   margin-left:40px;
   list-style:none;
   border:1px solid #ccc;
   border-bottom:none;
}
#menu ul li a{
   padding:5px;
   padding-left:0;
   font-size:15px;
   display:block;
   text-decoration:none;
   color:#999;
   border-left:15px solid #999;
   border-bottom:1px solid #ccc;
}
#menu ul li a:hover{
   background-color:#f5f5f5;
   color:#39F;
   border-left:15px solid #39F;
}
-->
</style> 
</head>
<body>
<div id="menu">
   <h3>Menu Simples CsS</h3>
   <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">Contato</a></li>
      <li><a href="#">Imagens</a></li>
      <li><a href="#">Portifólio</a></li>
      <li><a href="#">Links</a></li>
   </ul>
</div>
</body>
</html>