按键

作者: Python黑户 | 来源:发表于2019-06-02 20:24 被阅读0次

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>购物车按钮</title>
    <style type="text/css">
        .a:link{
            /*<!--将a转换为块元素*/
            display:block;
            /*设置宽度*/
            width:39px;
            /*设置高度*/
            height:30px;
            /*导入图片*/
            background-image:url(img/图片.png);
            /*不让图片平铺*/
            background-repeat:no-repeat;
        }
        .a:hover{
            background-position:-50px 0px;
        }
        .a:active{
            background-position:-120px 0px;
        }
    </style>
</head>
<body>
    < a href=" " class="a"></ a>
</body>
</html>

效果图

微信图片_20190602202412.png