您的位置:首页 > 其它

使用background-position的好处

2012-07-29 12:56 183 查看
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之后,就不必要切割图片了,可以将所有图标都放在一张图片下,这样就加快了网页的打开速度!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: