一个网站上的图片或图标都在一张图片上的css制作方法：
1.CSS样式
1 .d1{width:13px;height:70px; border:#C00 1px solid;background:url(ex_icon.png) 0 0 no-repeat;} 2 .d2{width:13px;height:70px; border:#C00 1px solid;background:url(ex_icon.png) -14px 0 no-repeat;} 3 .e1{width:23px;height:70px; border:#C00 1px solid;background:url(ex_icon.png) -36px 0 no-repeat;}/*background:url(ex_icon.png) -36px(往右) 0(往下) */ 4 .e2{width:23px;height:70px; border:#C00 1px solid;background:url(ex_icon.png) -61px 0 no-repeat;}
2.html代码
1 <div class="d1"></div> 2 <div class="d2"></div> 3 4 <div class="e1"></div> 5 <div class="e2"></div>
3.图片
原文：http://www.cnblogs.com/xiaomifeng/p/5057273.html