CSS Sprites合并多个小图片

?

这种方法看似繁琐，但却是非常有实用价值的。

首先，

而google log的html源码为

?其中logo对应css为

需要的效果，及在html页面每一行显示一个小图标



css源码

注意其中img的width为大图片的长，height为大图片的宽。style中的left和top是为了控制显示哪个小图片，位置相对于大图片的左上角顶点而言

?

参考：

http://www.mangguo.org/css-sprites-image-cut-and-optimize-skill/

http://www.mangguo.org/css-foreground-image-merge-technology/