切割图片

以前一直使用ps进行切割，累人。。今天突然想到使用css尝试一下：

准备图片：

 

该图片的位深度为32，比如要取“垃圾桶”

使用css

<style type="text/css">
*{
	border:0;
	margin:0;
	padding:0;
}
#div1 {
	background:url(1.png) -96px -160px no-repeat; /* 注意左上角开始的位置 */
	height:32px;  /* 图片的高度 */
	width:32px;  /* 图片的宽度 */
}
</style>

 

添加一个层：

<div id="div1"></div>
查看效果就知道了，如果不对，微调一下就可以了。大体成功。。。