重庆分公司 重庆分公司

• 网站建设
• 网站制作
• 网站营销
• 小程序
• 新闻动态
• 成功案例
• 关于我们
028-86922220

• 网站建设
• 网站制作
• 网站营销
• 小程序
• 新闻动态
• 成功案例
• 关于我们

    
    
    
      
    
    
    
    
    name

1.css代码如下：

div    
  {    
     width:73px;    
     line-height:52px;    
     height:52px;    
     text-align:rightright;    
     background:url(images/3.jpg) no-repeat;    
     color:white;    
    }    
 #name    
   {    
     background-position:-286px -7px;    
  }     
#psw     
  {     
    background-position:-272px -116px;     
  }     
#tel    
 {     
    background-position:-535px -230px;    
 }

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

素材图：

最终效果图：

感谢你能够认真阅读完这篇文章，希望小编分享的“web开发中如何实现背景偏移取图标”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!