<!DOCTYPE html>
<html>
<head lang="zh">
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="mycss1.css">
</head>
<body>
<!-- 顶部区域定位 -->
<header>
<div class="box1">
<div class="box2 clearfix">
<div class="box3 clearfix">
<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="">下载APP</a></li>
</ul>
</div>
<div class="box4">
<div>
<input type="text" name="" placeholder="无锡科技职业学院3月26号开学!">
</div>
<div>
<button>搜索</button>
</div>
</div>
<div class="box5">
<ul>
<li><a href="">登陆</a></li>
<li><a href="">注册</a></li>
<li class="select"><a href="">投稿</a></li>
</ul>
</div>
</div>
</div>
</header>
<!-- b站图片区域 -->
<div class="imgs">
<img src="https://s1.hdslb.com/bfs/static/passport/static/img/rl_top.35edfde.png">
</div>
<!-- 表单区域 -->
<div class="form">
<h2>
<span>注册®️</span>
</h2>
<div class="form-area">
<div class="form-item">
<input type="text" name="" placeholder="账号">
</div>
<div class="form-item">
<input type="password" name="" placeholder="密码(6-16个字符组成,区分大小写)">
</div>
<div class="form-item">
<div class="select clearfix">
<div class="select-item">
<div class="title">
中国大陆
</div>
<div class="choose-items">
<ul>
<li>中国澳门特别行政区</li>
<li>中国香港特别行政区</li>
<li>中国台湾</li>
<li>韩国</li>
<li>日本</li>
<li>俄罗斯</li>
</ul>
</div>
</div>
<div class="input">
<input type="text" name="" placeholder="填写常用手机号">
</div>
</div>
</div>
<div class="form-item">
<input type="text" name="" placeholder="请输入短信验证码">
<button type="button" class="btn-sncode">点击获取</button>
</div>
<div class="readme">
<label>
<input type="checkbox" name="">
<span class="checkbox"></span>
<span>我已同意
<a href="">《哔哩哔哩弹幕网用户使用协议》</a>和
<a href="">《哔哩哔哩隐私政策》</a>
</span>
</label>
</div>
<div class="form-item">
<button class="full">注册</button>
</div>
<div class="tip textright">
<a href="">已有账号,直接登陆></a>
</div>
</div>
</div>
</body>
</html>
评论1