2.3&2.4 cool鼠作业 - 已锁定
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>QQ空间-分享生活,留住感动</title>
<link rel="Shortcut Icon" href="//qzonestyle.gtimg.cn/aoi/img/logo/favicon.ico?max_age=31536000" type="image/x-icon">
<style type="text/css">
html{
height: 100%;
font-size: 62.5%;
}
body {
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
font-family: "Microsoft Yahei";
position: relative;
background-size: 100% 100%;
font-size: 1.2rem;
}
a{
color: inherit;
text-decoration: none;
}
li{
list-style: none;
}
.web{
width: 880px;
height: inherit;
margin: 0 auto;
position: relative;
}
.logo{
position: absolute;
top: 170px;
left: 0;
width: 251px;
overflow: hidden;
}
.logo>img{
display: block;
width: 100%;
}
.logo_wrap{
position: absolute;
right: 0;
top: 170px;
width: 415px;
height: 312px;
border: 2px solid #eee;
}
.logo_wrap{
text-align: center;
background-color: #fff;
}
.logo_wrap>h2 {
font-size: 20px;
color: #333;
margin-bottom: 16px;
font-weight: normal;
}
.qlogin_entry{
position: relative;
margin: 0 auto 36px;
z-index: 11;
font-size: 16px;
color: #666;
text-align: center;
}
.u,.p{
width: 258px;
position: relative;
top: 2px;
left: 2px;
height: 18px;
padding: 10px 0 10px 10px;
line-height: 18px;
background: 0 0;
color: #333;
font-family: Verdana,Tahoma,Arial;
font-size: 16px;
}
.tips{
color:#3481cf;
}
.login_button{
position: relative;
left: 0;
outline: 0;
width: 100%;
height: 40px;
line-height: 35px;
border: none;
font-size: 17px;
font-weight: 400;
font-family: "Microsoft Yahei","微软雅黑",SimHei,"黑体","Hiragino Sans GB",STHeiTi,sans-serif;
background: 0 0;
cursor: pointer;
}
.lay_foot{
color: #fff;
position: absolute;
bottom: 5%;
left: 0;
width: 100%;
z-index: 2;
}
.login_device {
margin: 0 auto 20px;
text-align: center;
}
.login_device li {
display: inline-block;
width: 60px;
text-align: center;
vertical-align: top;
margin: 0 5px;
}
.copyright{
text-align: center;
}
</style>
</head>
<body background="https://qzonestyle.gtimg.cn/qzone/qzactStatics/imgs/20171122191603_896cd9.jpg">
<div class="web">
<div class="logo">
<img src="https://qzonestyle.gtimg.cn/qzone_v6/proj_qzonelogin/img/qzone-login-logo-dark.32@2x.png" />
</div>
<div class="logo_wrap">
<h2>账号密码登录</h2>
<div class="qlogin_entry">
推荐使用
<a href="javascript;void(0)" class="tips">快速安全登录</a>，防止盗号
</div>
<form action="#" method="post">
<input type="text" name="u" class="u" value="" placeholder="支持QQ号/邮箱/手机号登录" />
<input type="password" class="p" name="p" placeholder="密码" />
<input type="submit" class="login_button" value="登录" />
</form>
<div class="bottom">
<a href="https://ssl.ptlogin2.qq.com/ptui_forgetpwd" class="link" id="forgetpwd" target="_blank">忘了密码？</a> <span class="dotted">|</span>
<a href="https://qzs.qq.com/qzone/v6/reg/index.html" class="link" target="_blank">注册新帐号</a> <span class="dotted">|</span>
<a class="link" id="feedback_web" href="https://support.qq.com/products/14800" target="_blank">意见反馈</a>
</div>
</div>
<div class="lay_foot">
<div class="lay_inner">
<div class="login_device">
<ul>
<li>
<a href="//z.qzone.com/download.html">
</i><span>iPhone</span></a>
</li>
<li>
<a href="//z.qzone.com/download.html" " target="_blank "><i class="ui_icon icon_ipad "></i><span>iPad</span></a></li>
<li><a href="//z.qzone.com/download.html " target="_blank "><i class="ui_icon icon_android "></i><span>Android</span></a></li>
<li><a href="//z.qzone.com/download.html " ></i><span>Windows Phone</span></a></li>
<li><a href="//z.qzone.com/download.html " target="_blank "><i class="ui_icon icon_other "></i><span>其他手机</span></a></li>
</ul>
</div>
<div class="copyright ">
<p class="copyright_link ">
<a href="http://support.qq.com/discuss/46_1.shtml " target="_blank " onclick="TCISD.pv( 'ihome.qzone.qq.com', 'bottom.suggestion'); ">反馈建议</a> |
<a href="//qzone.qzone.qq.com/ " target="_blank ">官方空间</a> |
<a href="//act.qzone.qq.com/ " target="_blank ">空间活动</a> |
<a href="//my.qzone.qq.com/ " target="_blank ">空间应用</a> |
<a href="https://abcmouse.qq.com/ " target="_blank ">ABCmouse腾讯版</a> |
<a href="//user.qzone.qq.com/949589999/main " target="_blank ">腾讯原创馆</a> |
<a href="http://connect.qq.com/ " target="_blank ">QQ互联</a> |
<a href="http://connect.qq.com/intro/login/ " target="_blank ">QQ登录</a> |
<a href="javascript:void(0) " >社交组件</a> |
<a href="http://wiki.open.qq.com/wiki/%E6%8A%95%E8%AF%89%E6%8C%87%E5%BC%95 " target="_blank ">应用侵权投诉</a> |
<a href="http://wiki.open.qq.com/wiki/Tencent_Open_Platform_Complaint_Guidelines " target="_blank ">Complaint Guidelines</a>
</p>
<p class="copyright_en ">Copyright © 2005 - 2018 Tencent.<a target="_blank " href="http://www.tencent.com/en-us/le/copyrightstatement.shtml ">All Rights Reserved.</a></p>
<p class="copyright_cn ">腾讯公司 <a href="http://www.tencent.com/law/mo_law.shtml?/law/copyright.htm " target="_blank ">版权所有</a> <a href="http://www.qq.com/culture.shtml " target="_blank ">粤网文[2017]6138-1456号</a></p>
</div>
</div>
<div class="author-info ">
<p id="j-author-message "><span class="author-title ">背景来源</span><a target="_blank " href="https://isux.tencent.com/ " >腾讯ISUX</a></p>
</div>
</div>
</div>
</body>
</html>
打赏我,让我更有动力~
返回首页
CTF&WP专版
Track-方丈
发表于 2018-11-25
通过，金币奖励已发放。
本月有事，作业批改拖欠甚久。
评论列表
加载数据中...