使用background-position的好处
2012-07-29 12:56
183 查看
background-position
使用background-position之后,就不必要切割图片了,可以将所有图标都放在一张图片下,这样就加快了网页的打开速度!
<style type="text/css"> input{ width:197px; height:20px; margin-top:7px; border:1px solid #000; background-repeat:no-repeat; padding-left:20px; background-position:2px 4px; } .username{ background-image:url(1.png); } .password{ background-image:url(2.png); } </style> </head> <body> <input type="text" class="username"/> <br/> <input type="password" class="password"/> </body> </html>
使用background-position之后,就不必要切割图片了,可以将所有图标都放在一张图片下,这样就加快了网页的打开速度!
相关文章推荐
- CSS中background-position的使用
- background-position 使用方法具体介绍
- background-position 使用方法具体介绍
- background-position的使用
- CSS中background-position的使用
- CSS背景background、background-position使用详解
- 使用background-position 定位背景图片 要注意优先级
- background-position 使用方法具体介绍
- background-position的使用
- CSS中background-position使用技巧
- background-position 具体的使用说明
- background-position值为像素时的使用方法
- css background-position结合disaply:inline-block使用
- background-position 使用方法具体介绍
- 使用jquery获得background-position时的问题
- background-position 使用方法具体介绍
- CSS中background-position使用技巧
- background-position 使用方法具体介绍
- background-position 使用方法具体介绍
- 有关background的使用同一图片做背景position定位的方法