错误博客( cuowu.com )发布于 2019-06-05 12:10:26

CSS Sprite

CSS雪碧技术,CSS雪碧即CSS Sprite,也有人叫它CSS精灵,是一种CSS图像合并技术,该方法是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分。

设置显示区域(宽高),通过对区域设置背景图片,再进行图片定位来实现。

width:50px;

height:50px;

background: url(images/1.jpg) no-repeat 50px 50px;

如果是列表使用,首先设置所有li背景图片共享合并图片,然后通过单独对每个li进行背景定位,background-position : -50px -100px ;


2020年错误博客亲测项目系列

错误教程( cuowu.com )专注网推培训、SEO培训和网赚培训,微信/电话:13722793092

关注微信公众号:第一时间获得错误博客最新教程,让我们一起成长!

公众号二维码