码迷,mamicode.com
首页 > 其他好文 > 详细

雪碧图制作、使用的几种方式!

时间:2017-05-30 19:42:16      阅读:993      评论:0      收藏:0      [点我收藏+]

标签:com   blog   lan   gen   log   选中   自动生成   top   介绍   

  对前端工程师来说,雪碧图的制作是必须掌握的一门技能,这里主要介绍雪碧图的制作和使用! 

  

一、雪碧图制作

  在线生成雪碧图网站

  网站的内容如下:

技术分享

通过点击左侧,我们可以选择一个文件夹,将我们希望合成雪碧图的文件夹选中,然后就自动生成了,比如,我们选择下面的文件夹:

 技术分享

 

然后就会生成雪碧图:

技术分享

可以看到,在右侧已经生成了雪碧图,而在左侧也已经把每一个小图片的css写好了,这样,我们就可以直接使用了。

 

雪碧图制作、使用的几种方式!

标签:com   blog   lan   gen   log   选中   自动生成   top   介绍   

原文地址:http://www.cnblogs.com/zhuzhenwei918/p/6920748.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!