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

制作雪碧图代码示例

时间:2017-07-02 20:32:11      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:像素   移动   font   width   辅助   enter   选择   制作   16px   

制作雪碧图的辅助工具是ps,先要测出所要的图片的宽高写到代码中去,给它预留位置大小,然后测出所要点击后的图标移动位置的宽高写入代码。

                                                                                              代码示例:①、选择器名字{

                                                                                                                      width:xxPX              (这里可以是正负数,代表的是向左还是向右移动)

         height:xxPX

                                                                                      background:图片位置      xxPX   xxPX(这里指所要移动的像素)

                          }

②、 选择器:hover{                                          (这里代码意思是点击前)

background:图片位置  xxPX  xxPX

}

制作雪碧图代码示例

标签:像素   移动   font   width   辅助   enter   选择   制作   16px   

原文地址:http://www.cnblogs.com/zapdbk/p/7106910.html

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