双横线菜单
<title>无标题文档</title>
<style>
#menu{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:auto;
}
#menu a,#menu a:visited{
background-color:#fff;
padding:1px 4px;
color:#000;
text-decoration:none;
border-top:8px solid #9ab;
border-bottom:8px solid #9ab;
white-space:nowrap;
}
#menu a:hover{
color:#FF0000;
border-top:8px solid #000;
border-bottom:8px solid #000;}
</style>
</head>
<body>
<div id="menu">
<div align="center"><a href="#">Home</a>
<a href="#">Contact Us</a>
<a href="#">Web Dev</a>
<a href="#">Web Design</a>
<a href="#">Map</a>
</div>
</div>
</body>