1.2、HTML常见标签 - QQ空间框架(小熊) - 已锁定
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>qq空间</title>
<meta name="keywords" content="/">
<meta name="description" content="/">
</head>
<style type="text/css">
#biaoge {
position: absolute;
left: 750px;
top: 170px;
width: 463px;
height: 181px;
z-index: 1;
}
#li li{
float: left;
width: 153px;
height: 81px;
}
</style>
<body style="background: red;">
<img src="https://qzonestyle.gtimg.cn/qzone_v6/proj_qzonelogin/img/qzone-login-logo-dark.32.png" style="margin:150px 0 0 200px;">
<form>
<div id="biaoge">
<p>用户登录</p>
<input type="text" name="firstname" placeholder="请输入账号"></br>
<input type="password" name="lastname" placeholder="请输入密码"></br>
<input type="submit" name="submit" id="submit" value="提交"></br>
<a href="#" target="_blank">忘记密码？</a> <span></span><a href="#" target="_blank">注册新账号</a> <span></span><a href="#" target="_blank">意见反馈</a></div>
</form>
<div style="width: 100%;margin: 100px;">
<ul id="li">
<li><a href="#"><i></i><span>iphone</span></a></li>
<li><a href="#"><i></i><span>ipad</span></a></li>
<li><a href="#"><i></i><span>android</span></a></li>
<li><a href="#"><i></i><span>windows phone</span></a></li>
<li><a href="#"><i></i><span>其他手机</span></a></li>
</ul>
</div>
<div style="clear: both;"></div>
<div style="text-align: center;">
<p>Copyright © 2005 - 2018 Tencent.<a href="#">All Rights Reserved</a></p>
<p>腾讯公司 <a href="#">版权所有</a> <a href="#">粤网文[2017]6138-1456号</a></p>
</div>
</div>
</body>
</html>
打赏我,让我更有动力~
返回首页
CTF&WP专版
Track-方丈
发表于 2018-6-26
通过
评论列表
加载数据中...