这篇文章主要为大家详细介绍了
Html
制作简单而漂亮的登录页面具体代码,具有一?/p>
的参考价值,感兴趣的小伙伴们可以参考一?/p>
html
源码?/p>
XML/HTML Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Login</title>
<link rel="stylesheet" type="text/css" href="Login.css"/>
</head>
<body>
<div id="login">
<h1>Login</h1>
<form method="post">
<input
type="text"
required="required"
placeholder="
用户?/p>
" name="u"></input>
<input
type="password"
required="required" placeholder="
密码
" name="p"></input>
<button class="but" type="submit">
?/p>
?/p>
</button>
</form>
</div>
</body>
</html>
css
代码?/p>
CSS Code
html{
width: 100%;
height: 100%;
overflow: hidden;
font-style: sans-serif;
}
body{
width: 100%;
height: 100%;
font-family: 'Open Sans',sans-serif;
margin: 0;
background-color: #4A374A;
}
#login{
position: absolute;