屏幕快照 2018-07-11 下午6.39.36.png
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>定位图片</title>
<style>
.a1{
width: 129px;
height: 48px;
}
.a2{
display: block;
width: 129px;
height: 48px;
margin:0px auto;
background-image: url(amazon-sprite_.png);
}
.a2:hover{
margin:2px auto;
width: 105px;
height: 37px;
background-position: -9px -51px;
}
.a2:active{
width: 83px;
height: 26px;
background-position: -9px -90px;
}
.b2{
display: block;
width: 47px;
height: 34px;
background-image: url(amazon-sprite_.png);
background-position: -8px -339px;
}
.b2:hover{
background-position: -59px -339px;
}
.b2:active{
width: 36px;
height: 27px;
background-position: -129px -337px;
}
</style>
</head>
<body>
<div class="a1"><a class="a2" href="ww"></a>
</div>
<div class="b1"><a class="b2" href="jj"></a>
</div>
</body>
</html>
网友评论