双竖线菜单
<title>双竖线菜单</title>
<style>
#menu{
width:120px;
background:#ccc;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:auto;
padding:8px;
}
#menu a,#menu a:visited{
display:block;
background-color:#fff;
padding:4px 8px;
color:#000;
text-decoration:none;
margin:8px 0px;
border-left:8px solid #9ab;
border-right:8px solid #9ab;
}
#menu a:hover{
color:#FF0000;
border-left:8px solid #000;
border-right:8px solid #000;}
</style>
</head>
<body>
<div id="menu">
<a href="#">Home</a>
<a href="#">Contact Us</a>
<a href="#">Web Dev</a>
<a href="#">Web Design</a>
<a href="#">Map</a>
</div>
