您的当前位置:首页正文

CSSSprite雪碧图制作

2024-10-18 来源:威能网
CSS Sprite 雪碧图,简单来说就是:

为了提高网页的性能,减少加载次数,将一些不会经常随网站内容变化的小图标,集中放在一张大图上,将该图应作为background-image 嵌入页面中,在需要相关图标时,根据background-position设置坐标值,达到目的。

一个例子,可以复制然后看一下效果:

HTML代码:



        
        
            
            
            
    
显示全文