Css 精灵图的使用

WeChat52887e557bd6ca1acad6a33af13aeee1.jpg

      width: 113px;
      height: 112px;
      background-color: pink;
      background-image: url(./images/abcd.jpg);
      background-position: -252px -274px;

WeChatef21b8993c56e955a17e87f83a3e136e.jpg

通过上面的示例:
结论: 属性中设置的width 和 height 就是图片矩形的大小, 想要定位图片就缺少图片的左上角的原点坐标位置, 我们测量出位置即可,这样就可以定位一个图片了.