1.HTML部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<form action="">
<input type="text" name="" value="" placeholder="账号">
<br />
<input type="password" name="" value="" placeholder="密码">
<br />
<input class="sub" type="submit" name="" value="登录" >
<p><b>版权所有©hqyj.com</b></p>
</form>
</body>
</html>
2.CSS部分
body{
background-image: url(bgt.jpeg);
}
form{
position:absolute;
left:40%;
top:40%;
}
input{
width: 335px;
height: 50px;
border-radius: 25px;
border: none;
margin: 10px;
padding-left: 15px;
}
.sub{
width: 150px;
height: 50px;
border-radius: 0;
background-color: skyblue;
padding-left: 8px;
margin-left: 110px;
margin-bottom: -13px;
color:white;
font-size: 20px;
}
p{
text-align: center;
}
.sub:hover{
background-color: blue;
}
页面展示