代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>亚马逊整合</title>
<style type="text/css">
.img{
display: block;
background-image: url(35.png);
width:126px;
height:43px;
}
.tnb{
display:block;
width:46px;
height:28px;
background-image:url(34.png);
background-repeat:no-repeat;
}
.tnb:hover{
background-position:-46px 0;
}
</style>
</head>
<body>
<a href="#" class="img"></a>
<a href="#" class="tnb"></a>
</body>
</html>
![选区_038.png](https://upload-images.jianshu.io/upload_images/12648419-6b37dae87be372da.png?imageMogr2/auto-orient
/strip%7CimageView2/2/w/1240)
hover属性
active属性