2019-06-01购物车图标可以点

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>图片</title>

<style type="text/css">

.trolley{

display:block;

width:42px;

height:30px;

background-image:url(amazon-sprite_.png);

background-repeat:no-repeat;

background-position: -10px -339px;

}

.trolley:hover{

background-position: -60px -339px;

}

.trolley:active{

background-position: -125px -339px;

}

</style>

</head>

<body>

<a href="#" class="trolley"></a>

</body>

</html>

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,748评论 1赞 45
  • Web端---常用的特效
    1. tab列表折叠效果 html: 能源系统事业部 岗位名称： 工作地点 岗位名...
    lilyping阅读 1,899评论 0赞 1
  • 背景，偏移，雪碧
    背景： background-image:url(img/2.jpg) url里只能相对路径背景大于图片，图片会...
    小胡123阅读 225评论 0赞 0
  • 各种纯css图标
    各种纯css图标 CSS3可以实现很多漂亮的图形，我收集了32种图形，在下面列出。直接用CSS3画出这些图形，要比...
    剑残阅读 9,700评论 0赞 8
  • 过滤器拦截器监听器的区别
    过滤器 过滤器是实现了javax.servlet.Filter接口的服务器端程序，主要的用途是过滤字符编码、做一些...
    Cherry300阅读 666评论 0赞 6