浮雕式超链接
<title>浮雕式超链接</title>
<style type="text/css">
#nav{
font-size:12px;
width:100%;
height:32px;
background:url(navbj.jpg) repeat-x;
}
#nav a{
display:block;
float:left;
width:120px;
height:32px;
padding-top:10px;
text-align:center;
text-decoration:none;
background:url(dhbtbj.jpg) no-repeat left top;
}
#nav a:hover{
color:#FFFFFF;
background:url(dhbtbj1.jpg) no-repeat;
}
</style>
</head>
<body>
<div id="nav">
<a href="#">Home</a>
<a href="#">Contact Us</a>
<a href="#">Web Dev</a>
<a href="#">Web Design</a>
<a href="#">Map</a>