<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin:0;
padding:0;
}
html,body{
height:100%;
}
body{
background:url(1.jpg) no-repeat 0 0/cover;
display:flex;
justify-content:center;
align-items:center;
}
.a{
margin:100px auto;
height:300px;
width:300px;
background-color:rgb(250,250,240);
border-radius:10px;
}
#login-test{
line-height:80px;
text-align:center;
font-size:2em;
color:#096;
}
#login-content{
display:flex;
flex-direction:column;
justify-content:space-around;
align-items:center;
height:200px;
}
#a::before{
content:"";
height:10px;
width:100%;
display:block;
}
#login-content input{
width:80%;
height:40px;
text-indent:1em;
border-radius:10px;
}
</style>
</head>
<body>
<div class="a">
<h2 id="login-test">login</h2>
<form action="" id="login-content">
<input type="text" placehodler=" 请输入用户名">
<input type="password" name="" id="" placeholder="密码">
<input type="submit" value="登录">
</form>
</div>
</body>
</html>