简单制作百度注册页面

最新推荐文章于 2021-06-03 04:44:42 发布

无需多言.

最新推荐文章于 2021-06-03 04:44:42 发布

阅读量3.5k

点赞数 7

分类专栏：笔记

本文链接：https://blog.csdn.net/weixin_46031619/article/details/109543578

版权

笔记专栏收录该内容

17 篇文章 0 订阅

订阅专栏

简单制作百度页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.d1{
				background-image: url(img/reg_bg_min.jpg);
				width: 1350px;
				height: 650px;
			}
			#bd1{
				position: relative;
				left: 50px;
				top: 20px;
			}
			#bd2{
				color: white;
				font-size: 30px;
				position: relative;
				left: 250px;
				top: 150px;
			}
			#bd3{
				font-size: 15px;
				position: relative;
				left: 120px;
				top: 250px;
			}
			h2{
				margin-top: 0px;
				margin-bottom: 0px;
			}
			#d1{
				background-color: azure;
				opacity: 0.8;
				width: 370px;
				height: 370px;
				padding: 20px;
				border: 1px black solid;
				border-radius: 20px;
				position: relative;
				left: 750px;
				bottom: 130px;
			}
			input{
				height: 30px;
				margin:10px;
				border: 0px;
			}
			a:link{
				text-decoration: none;
			}
			p{
				font-size: 10px;
			}
			#y1{
				width: 80px;
			}
			#y2{
				border: 5px 5px;
				margin: 2px;
			}
			#y3{
				width: 300px;
				height: 5px;
				line-height: 5px;
				padding: 15px;
				border: 0px #000000 solid;
				background-color: cornflowerblue;
				border-radius: 20px;
			}
			#y4{
				height: 15px;
				margin: 0;
			}
			.bd4{
				font-size: 10px;
				}
		</style>
	</head>
	<body>
		<div class="d1">
			<div id="bd1">
				<img src="img/baidu.png" />
			</div>
			<div id="bd2">
				<h2>用科技</h2>
				让复杂的世界更简单
			</div>
			<div id="bd3"><a href="">帮助中心&nbsp;&nbsp;&nbsp;|</a></div>
			<div id="d1">
              <div id="y5">
				  <b>欢迎注册</b>
				  <p>已有账号?<a href="">登录</p>
			  </div>
			  <div>用户名:<input type="text" placeholder="请设置用户名"/></div>
			  <div>手机号:<input type="text" placeholder="可用于登录和找回密码"/></div>
			  <div >密&nbsp;&nbsp;&nbsp;码:<input type="password" placeholder="请设置登录密码"/></div>
			  <div>验证码:<input type="text" id="y1"  placeholder="请输入验证码"/>
			  <input type="button" id="y2" value="获取验证码"/></div>
			  <div> <input type="submit" id="y3" value="注册"/></div>
			  <div class="bd4">
				  <input type="checkbox" id="y4"/>
				阅读并接受<a href="">百度用户协议</a>及<a href="">百度隐私权保护声明</a>
			  </div>
			</div>
		</div>
	</body>
</html>

运行结果
在这里插入图片描述

无需多言.

关注

7
点赞
踩
36

收藏

觉得还不错? 一键收藏
2
评论
简单制作百度注册页面

简单制作百度页面<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .d1{ background-image: url(img/reg_bg_min.jpg); width: 1350px; height: 650px; } #bd1
复制链接

扫一扫