<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图片</title>
<style type="text/css">
.trolley{
display:block;
width:42px;
height:30px;
background-image:url(amazon-sprite_.png);
background-repeat:no-repeat;
background-position: -10px -339px;
}
.trolley:hover{
background-position: -60px -339px;
}
.trolley:active{
background-position: -125px -339px;
}
</style>
</head>
<body>
<a href="#" class="trolley"></a>
</body>
</html>
