美文网首页
2019-05-31作业

2019-05-31作业

作者: 您的名称已被使用 | 来源:发表于2019-06-02 18:22 被阅读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;

    }

    相关文章

      网友评论

          本文标题:2019-05-31作业

          本文链接:https://www.haomeiwen.com/subject/tizxxctx.html