3.2、HTML常见标签 - QQ空间框架【作业】 - 已锁定
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body{margin: 0px auto;padding: 0px;
width: 100%;height:100%;
background: url("images/background.jpg") no-repeat}
#logo{margin-left: 250px;margin-top: 50px;}
#fm{width:420px;height: 340px;position: relative;margin-top: -120px;
margin-left:700px;
background: white;
border-radius: 5px;
text-align: center;
}
#fm span{font-size: 20px;}
#fm input[type=text],input[type=password]{border: 1px solid #d0d9ff; width:250px; height:40px; }
#fm input[type=button]{ padding: 8px 24px; margin: 0px;
background: #86ce2f;font-size:18px;text-align: center;line-height: 24px;width:250px;
color: #ffffff; }
.tui{font-size:14px;}
.aa{float: right;}
.aa ul,#foot ul{margin:0px;padding: 0px;}
.aa li{list-style:none;float: left;margin-right: 5px;font-size: 12px;}
#foot li{list-style:none;float: left;margin-right: 5px;font-size: 12px;}
#foot a{text-decoration: none;color:white;}
#fm a{ text-decoration: none;}
#foot{width:700px;text-align: center;
margin:0px auto;
margin-top: 50px;
font-size: 13px;color: white;}
</style>
</head>
<body>
<div id="logo">
<img src="images/logo.png" height="163" width="375"/>
</div>
<div id="fm">
<form>
<br>
<tr>
<th><span>帐号密码登录</span></th><br><br>
<th class="tui">推荐使用<a href="#">快速安全登录</a>，防止盗号。</th><br><br>
<input type="text" placeholder="支持QQ号/邮箱/手机号登录" autofocus><br><br>
<input type="password" placeholder="密码" autofocus><br><br>
<input type="button" value="登录"><br><br>
</tr>
</form>
<div class="aa">
<ul>
<li>忘了密码？ | </li>
<li>注册新帐号 |</li>
<li>意见反馈</li>
</ul>
</div>
</div>
<div id="foot">
<ul>
<li><a href="#">反馈建议 | </a></li>
<li><a href="#">官方空间 | </a></li>
<li><a href="#"> 空间活动 | </a></li>
<li><a href="#">空间应用 | </a></li>
<li><a href="#">腾讯原创馆 |</a></li>
<li><a href="#">QQ互联 |</a></li>
<li><a href="#">QQ登录 | </a></li>
<li><a href="#">社交组件 | </a></li>
<li><a href="#"> 应用侵权投诉 |</a></li>
<li><a href="#">Complaint Guidelines</a></li>
</ul><br>
<div>Copyright © 2005 - 2018 Tencent.All Rights Reserved.</div>
<div> 腾讯公司 版权所有 粤网文[2017]6138-1456号</div>
</div>
</body>
</html>
打赏我,让我更有动力~
登录后才可发表内容
返回首页
CTF&WP专版
Track-方丈
发表于 2018-5-23
通过
评论列表
加载数据中...