实现输入框前面的背景小图片

效果如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
    #name{
        border: 1px solid #ccc;
        width: 160px;
        height: 22px;
        /*挤出位置用于设置背景图片*/
        padding-left:20px;
        background:url(imgs/user.png) no-repeat 3px 4px;    
        border-radius: 3px;
    }
    </style>
</head>
<body>
    用户名<input type="text" id="name"/>
</body>
</html>

 

posted @ 2013-10-19 08:49  yshy  阅读(561)  评论(0)  编辑  收藏  举报