实例代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
#home{
width:89px;
height:27px;
background:url(img/navigation.jpeg) -3px -5px;
}
#profile{
width:89px;
height:27px;
background:url(img/navigation.jpeg) -95px -5px;
}
#image{
width:89px;
height:27px;
background:url(img/navigation.jpeg) -187px -5px;
}
div{
float:left;
}
</style>
</head>
<body>
<h1>图像精灵菜单导航实例</h1>
<a target="blank" href="https://www.dwoke.com"><div id="home"></div></a>
<a target="blank"href="https://www.dwoke.com/video"><div id="profile"></div></a>
<a target="blank"href="https://www.dwoke.com/node/41"><div id="image"></div></a>
</body>
</htmli>
运行效果：
评论