页面所有代码。如有不懂可把页面所有代码复制到新建的html文件后即可看到效果。(注意:小编没有把小图标的图片上传,复制所有代码后需要把引入图片修改为本地的图片路径哦 【background-image: url(图片路径)】)
所有代码:
input添加小图标
.div-bor{
position: relative;width: 200px;
}
.icon-user{
position: absolute;left: 0;z-index:5;
background-image: url(user.png); /*引入图片图片*/
background-repeat: no-repeat; /*设置图片不重复*/
background-position: 0px 0px; /*图片显示的位置*/
width: 20px; /*设置图片显示的宽*/
height: 20px; /*图片显示的高*/
}
.user{
padding-left: 22px;
}