背景偏移取图标的实现方法

1.css代码如下：

1. div    
2.   {    
3.      width:73px;    
4.      line-height:52px;    
5.      height:52px;    
6.      text-align:rightright;    
7.      background:url(images/3.jpg) no-repeat;    
8.      color:white;    
9.     }    
10.  #name    
11.    {    
12.      background-position:-286px -7px;    
13.   }     
14. #psw     
15.   {     
16.     background-position:-272px -116px;     
17.   }     
18. #tel    
19.  {     
20.     background-position:-535px -230px;    
21.  }    

（要用图片处理工具量出要截取的的图标所要偏移的量，正负代表偏移的方向，正代表向右或向下偏移，负代表向左或向上偏移）

素材图：

最终效果图：

以上这篇背景偏移取图标的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。

原文地址：http://www.cnblogs.com/cyn941105/archive/2016/07/13/5667923.html