雪碧图 原理 将要用的小图标都放在一张图片上,再将这张图片设置为元素的背景图片,利用background-position属性移动图片来显示想要的其中一个。 优点 将图片整合到一张图片上,加载时只需发送一次请求,提高网页的加载速度。 示例 测量大小 设置与图片大小相同的元素 将雪碧图设置为背景图片 .box1{ border:1px solid red; width: 120px; height: 180px