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

雪碧图的使用方法

时间:2016-04-05 00:45:06      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:

 

  CSS Sprites技术被国人称为CSS雪碧图,它是将一张网页中的一些图片拼凑在一张图片中,这样可以减少服务器的压力,因为它也减少了用户的请求次数。

 

  雪碧图常用于一些小的零碎的图片,或者一组有序的图片。

比如这一张图片就是一张雪碧图

技术分享

使用雪碧图主要的两个代码为:

  • background-image
  • backgorund-position

首先使用background-image:url(图片地址);将整张背景图放入需要的地方,设置div的宽高,然后再使用backgorund-position:x y;

背景图定位,使div内显示出我们需要的那一部分。

这就是雪碧图的使用方法。

 

雪碧图的使用方法

标签:

原文地址:http://www.cnblogs.com/liqingshan/p/5353350.html

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