html成长日记step-1

最新推荐文章于 2019-12-20 17:14:46 发布

名字全都被用了

最新推荐文章于 2019-12-20 17:14:46 发布

阅读量277

点赞数 1

本文链接：https://blog.csdn.net/qq_36456834/article/details/52872795

版权

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="侯靖宇">
<meta name="Keywords" content="登录">
<meta name="Description" content="">
<title>登录界面</title>
<style type="text/css">
body{background:#739BAD;font-family:"微软雅黑"；}
.login{width:270px;height:270px;background:#3A569B;margin:100px
auto;border-radius:5px;box-shadow:0px 0px 10px #000000;
position:relative;
padding:120px 20px 0 20px;
}
.login:before
{
content:"会员登录";color:#F5E582;font-size:18px;font-weight:bold;
background:url(image/B.ICO) no-repeat;padding-left:20px;
position:absolute;top:10px;left:10px;
}
.login-form input[type="text"],input[type="password"]
{width:260px;height:40px;
border:1px solid #F36F7E;
}
.login-form input[type="submit"]
{
width:262px;
height:40px;
padding:8px;
border-radius:5px;
border:0;
cursor:pointer;
margin-top:20px;
}
.login p{text-align:center;}
.login p a{color:#82C67A;forn-size:18px;text-decoration:none;}
</style>
</head>
<body>
<div class="login">
<form id="login" name="login" class="login-form">
<input type="text" name="email" placeholder="登录">
<input type="password" name="password" placeholder="密码">
<input type="submit" value="登录">
</form>
<p><a href="#">忘记密码</a></p>
</div>
</body>
</html>