美文网首页
按钮设置练习

按钮设置练习

作者: 栀心_d553 | 来源:发表于2019-12-18 13:30 被阅读0次
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作业、雪碧图</title>
    <style type="text/css">
        .btu:link{
            display:block;
            height:55px;
            width:50px;
            background-image:url(作业.png);
            background-repeat:no-repeat;
            background-position:-8px -325px;
        }
        .btu:hover{
            background-position:-55px -325px;
        }
    </style>
</head>
<body>
    <a href="#" class="btu"></a>
</body>
</html>
image.png

相关文章

网友评论

      本文标题:按钮设置练习

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