abstract:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>登录页面</title> <link rel="icon" type="ima
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录页面</title>
<link rel="icon" type="image/x-icon" href="">
<style type="text/css">
*{margin: 0;padding: 0;}
body{
background: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1552479365972&di=6ad46d9c4874b591428ad2f37b421450&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F03836945805eb3fa84a0e282be1f6eb.jpg);
}
div{
width: 450px;
height: 350px;
margin: 200px auto;
background: rgba(188,185,198,0.4);
border-radius: 10px;/*添加圆角边框*/
border-top-left-radius: 100px;/*添加左上角圆角边框*/
border-bottom-right-radius: 100px;/*添加右下角圆角边框*/
text-align: center;
}
img{
width: 80px;
border-radius: 50%;
margin-top: 50px;
}
.name,.pwd{
width: 300px;
height: 30px;
margin-top: 15px;
border-radius: 6px;
border: none;
padding-left: 15px;
}
button{
border: none;
width: 200px;
height: 35px;
border-radius: 6px;/*边框圆角*/
/*background: yellow;*/
color: red;
margin-top: 20px;
font-size: 18px;
box-shadow: 0px 9px 40px #FF0 inset;
}
</style>
</head>
<body>
<div>
<img src="http://img4.duitang.com/uploads/item/201412/24/20141224224554_SuYth.thumb.700_0.jpeg">
<form action="" method="">
<input type="text" name="name" placeholder="请输入账号。。。" class="name"><br>
<input type="password" name="pwd" placeholder="请输入密码。。。" class="pwd"><br>
<button>登录</button>
</form>
</div>
</body>
</html>
Correcting teacher:灭绝师太Correction time:2019-03-18 09:36:01
Teacher's summary:完成的不错,可以把学到的知识运用起来,继续加油!