<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
#biaotou {background-image: url(bg.png);
height: 90px;
width: 370px;
background-position: 0px -160px;
}
a:hover #biaotou{
height: 90px;
width: 370px;
background-position: 0px -260px;
}
#liebiao{
background-color: gray;
}
#liebiao a{
text-decoration: none;
font-size: 25px;
padding: 0px 20px;
color: black;
text-align: center;
}
#liebiao a:hover{
background-color: black;
color: white;
}
</style>
</head>
<body>
<a href="http://www.w3school.com.cn/index.html" title="w3c在线教程"><div id="biaotou">
</div></a>
<div id="liebiao">
<a href="#">JavaScript</a>
<a href="#">ServeSide</a>
<a href="#">ASR.NET</a>
<a href="#">XML</a>
<a href="#">WebServices</a>
<a href="#">WebBuilding</a>
</div>
</body>
</html>
