2019-05-31作业
2019-06-02 本文已影响0人
您的名称已被使用
html:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="zuoye.css">
<title>zuoye1</title>
</head>
<body>
<div class="he">
<img src="QQ图片20190328185001.png" alt="zuoye">
</div>
</body>
</html>
css:
.he{
width: 45px;
height: 33px;
overflow: hidden;
position: relative;
margin: 50px auto;
}
.he img{
/*display: inline-block;*/
position: absolute;
top: -335px;
left: -10px;
}
.he img:hover{
left: -59px;
}
.he img:active{
top: -330px;
left: -124px;
}