<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>购物车按钮</title>
<style type="text/css">
.a:link{
/*<!--将a转换为块元素*/
display:block;
/*设置宽度*/
width:39px;
/*设置高度*/
height:30px;
/*导入图片*/
background-image:url(img/图片.png);
/*不让图片平铺*/
background-repeat:no-repeat;
}
.a:hover{
background-position:-50px 0px;
}
.a:active{
background-position:-120px 0px;
}
</style>
</head>
<body>
< a href=" " class="a"></ a>
</body>
</html>
效果图
微信图片_20190602202412.png
