个人的静态登入页面制作css加html

提出问题

1. 背景图如何放？
2. 缩放背景图（直到合适）？
3. 表单：代码？
4. 表单位置（合适）？
5. 表单半透明色？（好看）
6. 输入框大小，按钮大小，颜色
7. 文字颜色？
8. css 具体名字？
9. 超链接下划线删除？
10. 输入框文字显示？

背景图如何放：
在一个div中：添加css背景属性
background-image: url(图片地址);
例子：地址： …/个人页面制作/2052882.jpg

background-image: url(../个人页面制作/2052882.jpg);

记住

缩放背景图（直到合适）：
background-size: 100% 90%;
background-repeat: no-repeat;(不成叠)

表单代码：(我省略了<>,写的时候要加上<>)
form
p 文字 input /p
p 文字 input /p
p 文字 input /p
/from

表单位置（合适）:
绝对定位`：position: absolute;
left /right 放在合适位置

表单（或者输入框半透明）半透明色：
background: rgba(255, 255, 255, 0.2); 记住

输入框圆角大摡设：
border-radius: 15px;

文字颜色：直接（css）
color：颜色；

文字居中 ： text-align: center;

超链接下划线删除

在a标签的css上添加：

text-decoration: none;

输入框文字显示： value

<style>
.background{

width: 1920px;
height: 1080px;
background-color: ;

background-image: url(../个人页面制作/2052882.jpg);
background-size: 100% 90%;
background-repeat: no-repeat;

}

.forms{
position: relative;
width: 500px;
height: 500px;
background: rgba(255, 255, 255, 0.2);;
position: absolute;
right: 35%;
top: 40%;



}
form{

    position: relative;
    margin-left: 30px;
    color: white;
}
.forms input{
width: 350px;
height: 30px;

}
button{
    color: white;
}
.forms .button1{
position: absolute;
width: 80px;
height: 40px;
  left: 30%;
background-color: #959899;
}

.forms .button2{

    position: absolute;
width: 80px;
height: 40px;
left: 50%;
background-color: #dbf10f;
}
.aaa{
    text-align: center;
    left: 50%;
}


input{
    background: rgba(255, 255, 255, 0.2);
    border-radius: 15px; 
    border-color: rgba(255, 255, 255, 0.2);
}

.lianjie{

position: absolute;
bottom: 36px;

}
.lianjie a{
    text-decoration: none;
    color: white;
}
</style>

<div class="background">





<div class="forms">



<form class="" report-submit="false" bindsubmit="" bindreset="">
    <p class="aaa">个人信息提交</p>
<p>   姓名：   <input type="text" value="张三"></p>
<p>班级：    <input type="text"value="2004"></p>
<p>学号：<input type="text"value="20111"></p>
<p>年级：<input type="text"value="2020级"></p>
<p>密码：<input type="text"value="12345678"></p>
<button class="button1">提交</button>
<button class="button2">登入</button>




</form>
<p class="lianjie"><a href="#">忘记密码，点击这里</a></p>

</div>




</div>

图片可以直接找