Web 前端开发 存蓄已解决的‘漏洞’Web前端之路

雪碧图的使用

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 属性的属性值,设置是否及如何重复背景图像;
左右:水平方向;
上下:垂直方向

上一篇下一篇

猜你喜欢

热点阅读