雪碧图的使用
2017-12-11 本文已影响21人
痛心凉
CSS Sprites技术被国内一些人称为CSS雪碧图,其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字精确的定位出背景图片的位置
组合background:url(../) no-repeat 左右 上下;
url:指的是图片路径;
no-reapeat:是background-repeat 属性的属性值,设置是否及如何重复背景图像;
左右:水平方向;
上下:垂直方向