Question

CSS中调用一个图片 但是图片里面有很多小图

CSS中调用一个图片 但是图片里面有很多小图 body里面调用的时候怎么会选择里面的其中一个小图呢
比如这张图 body会显示图中的摸一个小图 怎么实现的

Answer 1

css3有一个图片定位属性，background-position;
比如我们要用要第二个“心”
首先创建一个盒子给他一个宽高度=图标的宽高多1px，为了显示完全而不是刚好重叠，比如这里用20px代替
<div style="width:20px; height:20px; background:url(图片地址)no-repeat/*不重复显示*/ 20px 0px/*位置是上和右，这里就是距离上面20px的距离，右边距0*/"></div>

Answer 2

给到你想要的小图的大小 的宽高，然后背景定位

比如 img{ width:20px;height:20px;background:url(xxx.jpg) -100px 0px no-repeat;}