错误博客( 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 ;

随机文章

豆丁文库(街机游戏的衰落与自救)
小小课堂:春哥seo:百度烽火算法2.0上线_站长尽快完成HTTPS改造
小小课堂:网站优化方案
QQ兴趣部落营销
三、关键词排名优化
今日头条极速版邀请
dnf冰冻者之魂-dnf刷图好玩的手镯
DNF旭旭宝宝出国被拒,理由引热议,将无缘斗鱼上市敲钟

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

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

公众号二维码