购物车效果


    <style>
        a{
            width: 67px;
            height: 31px;
            display: block;
            background-image: url(./images/shopcar_01.png);
        }
        a:hover{
            background-image: url(./images/shopcar_02.png);
        }
    </style>
</head>
<body>
    <a href="#"></a>
</body>
</html>
请输入图片描述

要点:
这是个行内元素a元素,我们是要给他转换为块级元素,转换后如果不显示我们要给它设置图片的相同规格的像素

© 版权声明
THE END
喜欢就支持一下吧
点赞11赞赏 分享
评论 抢沙发

请登录后发表评论