css精灵图

准备图片 

  

 测量想显示形状大小

再进行移动

html

<div class="a">  
        </div>
        <div class="b">
        </div>

css

.a{
			  width: 18px;
			  height: 16px;
			  margin: 100px auto;
			  background: url("img/1.png") no-repeat -37px -135px;
			}
			.b{
				width: 130px;
				height: 130px;
				margin: 200px auto;
				background: url("img/2.png") no-repeat -268px -129px;
			}

 效果：