CSS雪碧图

代码：

    <!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属性