Html+CSS练习（百度注册页面）--div布局实现

效果图

代码：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>注册</title><style>*{margin:0px;padding: 0px;}.input{padding: 5px;height: 38px;box-sizing: border-box;width: 400px;margin: 2px;}span{display:inline-block;height:35px;width: 70px;text-align:right;}input[type="button"]{height: 35px;width: 120px;padding: 2px 5px;  box-sizing: border-box;     }.col{margin: 10px;}.col4{margin:10px 80px;}.col3>input[type="text"]{width: 275px;}.submit{height:45px;width: 400px;color:white;background:rgb(91, 113, 241);font-family: "黑体";font-size: 18px;margin-left:80px;}a{text-decoration: none;}</style>
</head>
<body><div class="contrain"><div class="col"><span>用户:</span><input type="text" name="" id="" class="input" placeholder=" 请设置用户名"></div><div class="col"><span>手机号:</span><input type="text" class="input" id="telephone" placeholder="可用于登录及找回密码"></div><div class="col"><span>密码:</span><input type="text" name="" id="password" class="input" placeholder="请设置登录密码"></div><div class="col3 col"><span>验证码:</span><input type="text" name="" id="password_id" class="input" placeholder="请输入验证码"><input type="button" value="获取短信验证码" class="button" id="getId"></div><div class="col4"><input type="checkbox" name="" id="" class="right"><span style="display:inline;">阅读并接受<a href="#" id="one">《百度用户条例》</a>和<a href="#" id="two">《百度隐私保护声明》</a></span></div><div ><button id="submit" class="submit">注册</button></div></div>
</body>
</html>

成果图：

Html+CSS练习（百度注册页面）--div布局实现相关推荐

用HTML+CSS实现百度静态页面
在课程学习的时候,课下的作业是做一个仿百度首页的页面.于是,有了下面的成果! PS:因内容问题,所有打了马赛克! 接下来看看真实的百度是不是特别的像呢?话不多说,接下来直接上代码!!!硬核来袭~ & ...
css案例，注册页面_基础案例
注册页面案例(css) <!DOCTYPE html> <html lang="ch"> <head><meta charset=&quo ...
JavaWeb,利用HTML和CSS蛋糕商城注册页面实现------JAVA,JavaWeb入门基础教程
主页 <html><head><meta charset="UTF-8"></head><frameset rows=&quo ...
HTML+CSS实现静态注册页面
最终效果实现代码 <!DOCTYPE html> <html> <head><title>注册页</title><style typ ...
html css实现登录注册页面,基于HTML5+css+JS_的精美登陆注册界面
[实例简介] 基于HTML5+css+JS的精美登陆注册界面------------------------------- [实例截图] [核心代码] login4 ├── index.html ├─ ...
用html和css设计QQ注册页面,html和css制作QQ企鹅教程
我们知道CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式.CSS在Web设计领域是一个突破.利用它可以实现修改一个小的样式更新与之相关的所有页面元素.大家在学习前端编程的时候肯定会 ...
大学生简单个人静态HTML网页设计作品 HTML+CSS制作我的家乡杭州 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载 HTML5期末大作业
常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游戏. 节日. ...
一个成功获取百度注册页面验证码图片的源代码
成功实现使用delphi获取百度的验证码图片(只获得图片,不进行识别,识别之后再研究吧O(∩_∩)O) procedure TForm1.btn1Click(Sender: TObject);proc ...
html+css 用户登录注册页面设计
1.服务器地址 <form action="服务器地址"> <!-所有的内容都写在这里面--> <form> 2.表单框(可有可无) <f ...

Html+CSS练习（百度注册页面）--div布局实现

Html+CSS练习（百度注册页面）--div布局实现相关推荐

最新文章

热门文章