提交 feb20e5b 编写于 作者: zhangzhiwei's avatar zhangzhiwei

登录静态页面

上级 334ff50d
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="viewport"
content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
</head>
<body style="margin: 0;padding: 0">
<div class="login">
<div class="logo">
<img src="https://img.edsmall.com/ROOT/ETao/login_logo.png" alt="">
<p class="text">EDSGPT</p>
</div>
<form style="padding: 30px">
<label for="username">账号</label>
<input placeholder="请输入您的账号" class="input"
type="text" id="username" name="username"><br>
<label for="password">密码</label>
<input style="width: 98%;height: 30px;margin-top: 10px" placeholder="请输入您的密码" type="password" id="password"
name="password"><br>
<input class="btn"
type="submit" value="登 录">
</form>
</div>
<style>
.btn {
width: 100%;
height: 45px;
background: #4AB7A2;
border-radius: 10px;
margin-top: 50px;
color: #ffffff;
border: none;
}
.input {
width: 98%;
margin-bottom: 20px;
height: 30px;
margin-top: 10px
}
.login {
width: 100%;
height: 100%;
background-image: url("https://img.edsmall.com/ROOT/ETao/login_bg.png");
background-size: cover;
background-position: center;
min-height: 100vh;
}
.logo {
padding-top: 15%;
margin-bottom: 12%;
text-align: center;
}
.text {
height: 32px;
font-size: 20px;
font-weight: 800;
color: #05362A;
}
</style>
</body>
</html>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册