用HTML和CSS在输入框前面加图标

@用HTML和CSS做出登陆界面和图标

怎么给输入框加上图标

先给HTML代码

1. 源码 html界面
   2.```javascript

LOGIN

CSS样式代码

1. 源码 css界面
3. body
   {
   margin: 0;
   padding: 0;
   background-image: url(…/img/in2.png);
   background-repeat: no-repeat;/不平铺图片/
   background-size: cover;/一张图片以拉伸方式铺满屏幕/
   }
   #BIG
   {
   margin: 0 auto;
   margin-top: 300px;/向下移动300像素/
   padding:15px 20px ;/向左20像素/
   background-color: #00000090;/界面颜色/
   width: 350px;/宽度/
   height: 300;/高度/
   border-radius:10px;/四周变圆/
   text-align: center;

}
#BIG .input .inputtext span
{
color: white;
}
#BIG h1/标题样式/
{
color: white;
}
#BIG .input/两个输入框和按钮/
{
margin-top: 30px;/两个输入框和按钮向下移动30像素/
}
#BIG .input .inputtext
{
margin-top: 15px;/两个输入框向下移动15像素/
}

图标寻找添加在css项目里

第一行代码放在head里面
第二行代码后面名字改成图标的名字，并且把他放在输入框代码上一行

最后是完成图

原图

完成图