css-sprite使用

先上个原理图

原理示意

css-sprite就是把很多张图合并在一张图内，我们就是要用background-position把我们要的图挖出来。

background-position设置的是图片的起始位置相对于div左上的坐标，只需要把div左上看成坐标原点，右下为正值，就看的很清楚了，我们值需要把position设为负值，就能挖到灰色的部分了。再设置宽，高，就能挖到红色的小图了。