CSS——图片精灵(Image Sprites)
2017-11-27 10:30
155 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/2.css"> </head> <body> <p>注册成功</p> <div class="head"> </div> </body> </html>
.head {
width: 40px;
height: 40px;
background: url(../img/passport_icon.png);
background-position: -480px -120px;
}
效果:
参考资源:http://passport.iqiyi.com/pages/secure/password/find_pwd_index.action
相关文章推荐
- css切背景图片(background-position)图片精灵
- 使用compass更高效的编辑css --- 图片精灵
- CSS精灵图片(CSS sprite)使用心得(转)
- CSS Sprites的原理(图片整合技术)(CSS精灵)/雪碧图
- css之背景图片和插入图片的区别以及精灵图的使用
- 005_HTML制作炫酷登录界面(CSS精灵图、背景图片局部显示)
- 图片圆角处理(CSS精灵+圆角)
- CSS从大图片上截取小图标的操作_CSS精灵
- css sprites(CSS 精灵):如何获取一张集成拼合图片上的其他图片
- Css 精灵图(雪碧图) 图片大小显示
- css工具,包含精灵图片生成,css压缩
- css sprite---css精灵网页图片应用处理方式分析
- HTML中通过CSS设置背景图片自适应浏览器大小
- 用css控制背景图片的位置,大小
- css图片滤镜大全
- html5如何及时更新缓存文件(js、css或图片)
- 纯CSS圆角框2-透明圆角化背景图片
- cocos2dx 3.x(动态改变精灵的背景图片)
- 使用css让大图片不超过网页宽度
- css背景图片拉伸 以及100% 满屏显示