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;

}

上一篇下一篇

猜你喜欢

热点阅读