雪碧图的使用和制作技巧

前端开发 作者: 2024-08-26 06:10:01
background-position背景定位: background-position属性设置背景图像的起始位置; xpos ypos第一个值是水平位置,第二个值是垂直。左上角是0。单位可以是长度值
  • background-position属性设置背景图像的起始位置;
  • xpos ypos第一个值是水平位置,第二个值是垂直。左上角是0。单位可以是长度值px,关键字和百分数值;
  • 关键字成对出现 left right top bottom center,如果仅指定一个关键字,其他值将会是"center";
  • x% y%第一个值是水平位置,第二个值是垂直。左上角是0% 0%。右下角是100% 100%。如果仅指定了一个值,其他值将是50%。默认值为:0% 0%;
  • inherit指定 background-position属性设置应该从父元素继承;
 1 <!DOCTYPE html>
 2 <html 3     head 4         meta charset="utf-8" 5         title>雪碧图的使用和制作技巧</ 6         style type="text/css" 7         .Sprite{
 8         width: 48px;
 9         height 53px10         background url(images/zwdzjs.jpg)11         background-position 0 -125px12         }
13         style14     15     body16     div class="Sprite"></div17     18 >
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_68818.html