2019-06-02
2019-06-02 本文已影响0人
CC__XX
购物雪碧图
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>购物车</title>
<style type="text/css">
a:link{
/将a转换块元素/
display: block;
/设置宽高/
width: 42px;
height: 30px;
/设置图片/
background-image: url('image/gou.png');
background-position: -8px -338px;
}
/*当是hover状态时，希望图片可以向左移动*/
a:hover{
background-position: -58px -338px;
}
<body>
</style>
</head>
<body>
<a href="#"></a>
</body>
</html>
