<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf8"/>
<title>亚马逊</title>
<style class="text/css">
.a1:link{
display: block;
background-image: url(amazon-sprite_.png);
width: 145px;
height:45px;}
.a2:link{
display:block;
width: 47px;
height:43px;
background-position:-10px -334px;
background-image: url(amazon-sprite_.png)
}
.a2:hover{
background-position:-10px -334px;
}
.a2:active{background-position:-56px -333px; }
</style>
</head>
<body>
<a href="#" class="a1"></a>
<a href="#" class="a2"></a>
</body>
</html>
亚马逊.png
