<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#one {
width: 400px;
height: 400px;
background-color: white;
border: 1px solid gray;
}
#two{
width: 400px;
height: 80px;
border-bottom: 1px solid gray;
}
#two>div:hover {
color: red;
!important;
}
#three{
width: 400px;
height: 165px;
}
</style>
</head>
<body>
<div id="one">
<div id="two" >
<div style="float: left;margin-left: 73px;margin-top: 20px;font-size: 20px">账号登录</div>
<div style="float: left;margin-left: 70px;margin-top: 20px;font-size: 20px">手机登录</div>
</div>
<div id="three">
<input type="text" class="textBox" placeholder="请输入邮箱或手机号" style="width: 300px;height: 40px;float: left;margin-top: 27px;margin-left: 50px;color: gray ">
<input type="text" class="textBox" placeholder="请输入您的密码" style="width: 300px;height: 40px;float: left;margin-top: 27px;margin-left: 50px";color: gray>
</div>
<div>
<div style="float: left;margin-left:50px;font-size: 14px">
<p><input type="checkbox" checked="" name="category" value="7天内自动登录" οnclick="my_func('7天内自动登录')">7天内自动登录</p>
</div>
<div style="float: left;margin-top: 17px;margin-left: 135px;font-size: 14px;">
<a href="https://u.iflying.com/forget" style="color: black;text-decoration: none">忘记密码</a>
</div>
</div>
<div style="float: left;margin-left: 85px">
<input type="button" value="登录" style="background-color: red;width: 200px;height: 40px">
</div>
<div>
<div style="float: left ;margin-left: 50px;margin-top: 25px;font-size: 10px" >
登录即代表同意《
<a href="https://baike.baidu.com/item/规则/4405?fr=aladdin" >飞扬会员规则</a>
》
</div>
<div>
<a href="https://u.iflying.com/register"style="float: left;margin-left: 100px;margin-top: 25px;font-size: 10px">免费注册</a>
</div>
</div>
</div>
</body>
</html>在这里插入代码片
课堂测1
最新推荐文章于 2022-12-15 12:56:47 发布