路飞:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="IE=edge">
<title>路飞学城</title>
<link rel="stylesheet" href="my47style.css">
</head>
<body>
<!-- 页面头部开始 -->
<div class="head"> <!--;style="border-color: red; width:1016px;height: 60px;"-->
<div style="FLOAT:left">
<ul type="none">
<li><a href="">收藏有礼</a></li>
</ul>
</div>
<div style="FLOAT:right">
<ul type="none">
<li><a href="">VIP</a></li>
<li><a href="">注册</a></li>
<li><a href="">登陆</a></li>
</ul>
</div>
</div>
<!--页面头部结束-->
<!--页面主体开始-->
<div>
<img src="lufei.png" alt="稍等稍等...">
</div>
<div style="border: 1px solid lightgray;margin: 10px;height: 350px">
<!--实在是浮动不起来,我就直接设置了 外 div 的 高度!!!!! -->
<div style="width:330px;float: left;">
<p>
<h3> 注册新用户</h3></p>
<p><span>*</span>用户名<input type="text"></p>
<p><span>*</span>手机号<input type="number" name="username"></p>
<p><span>*</span>登陆密码<input type="password" name="password"></p>
<p><span>*</span>确认密码<input type="password" name="password"></p>
<p><span>*</span>验证码<input type="text"></p> <!--去掉了 验证码的图片-->
<p><input type="checkbox">同意
<a target="_blank" href="https://in.m.jd.com/help/app/register_info.html" style="color: #2459a2">《用户注册条款》</a>
</p><br>
<p><input type="submit" value=" 同意以上协议并注册 " style="color: white;background-color: red"></p><br>
</div>
<div class="zhuce">
<p style="float: left">我已经注册,<a href="" style="color: #2459a2">登录</a></p>
<p><img src="book.png" alt=""></p>
</div>
</div>
<div>
<p style="font-size: smaller;text-align: center">© 路飞学城 版权所有</p>
<!--怎么相对与网页来说居中 : text-align: center;-->
</div>
<!--页面主体结束-->
</body>
</html>
抽屉:
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <title>抽屉新热榜</title> <link rel="stylesheet" href="my_chouti_css.css"> <link rel="icon" href="title.png"> <!--页面标题的图标 --> </head> <body> <!--页面头部开始--> <!--页面头部结束--> <div class="head"> <!--<img src="chouti.png" >--> <div class="head-content"> <a href=""></a> <ul type="none"> <li><a href="">全部</a></li> <li><a href="">42区</a></li> <li><a href="">段子</a></li> <li><a href="">图片</a></li> <li><a href="">挨踢1024</a></li> <li><a href="">你问我答</a></li> </ul> <ul type="none" class="head-content2"> <li><a href="">注册</a></li> <li><a href="">登录</a></li> <INPUT type="text" style="margin-top:14px;width:60px"><a href="" style="margin: 5px">