简单制作百度页面

<!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>

运行结果

简单制作百度注册页面相关推荐

  1. html制作登陆注册页面

    html制作登陆注册页面 源代码如下 <!DOCTYPE html> <html lang="en"> <head><meta chars ...

  2. 【原型制作】无素材-纯原生制作-登录注册页面原型图

    有一段时间没有做过原型图了,现在因为项目需要,得做一套完整的原型图,由于时间关系,考虑制作低保真的原型,虽然低保,还是得抓一把细节,嘻嘻,在这里记录下登录注册页面纯原生做法的全过程. 工具:Axure ...

  3. 小白教程——Windows下用PHP写一个简单的登录注册页面(二)

    哈喽,看到这里希望小伙伴们都把wampserver环境安装好了,如果还没有安装或创建数据表就移步去看我上一篇文章吧.OK~接下我们将进入代码实现部分,首先我们需要一个文本编辑器,可以是电脑自带的not ...

  4. h5 php登录注册页面验证,H5制作一个注册页面的代码实例

    HTML5写的注册页面,正在学习html5的朋友可以参考下 代码如下: register.html function play(){ document .getElementById("me ...

  5. 简单的css注册页面

    注册界面 <style>.form{width: 70%;position: absolute;top: 10%;left: 25%;}.tree{position: relative;t ...

  6. Html+CSS练习(百度注册页面)--div布局实现

    效果图 代码: <!DOCTYPE html> <html lang="en"> <head><meta charset="UT ...

  7. html css js制作登录注册页面,【7】使用css/js/html模板来实现一个注册、登录和管理的功能...

    1 #!/usr/bin/env python 2 #-*- coding:utf-8 -*- 3 4 importtornado.web5 importlogging6 importdatetime ...

  8. 一个成功获取百度注册页面验证码图片的源代码

    成功实现使用delphi获取百度的验证码图片(只获得图片,不进行识别,识别之后再研究吧O(∩_∩)O) procedure TForm1.btn1Click(Sender: TObject);proc ...

  9. 前端:完整简单详细的注册页面讲解

    成品总效果如下: 需要其他修饰网页可以加入自己的创意 讲解: 不知道基础语法的宝可以看看我先前发的一些内容 注意点: 1,密码需要用type="password"属性,使密码不会被 ...

  10. H5创建一个简单的qq注册页面

    该图就是最终要完成的效果,简单分析一下改图的整体结构,以及需要用到的标签及属性.这里我是直接创建一个表单,然后在表单中创建一个十行一列的表格.以下为最终效果的代码 <!DOCTYPE html& ...

最新文章

  1. 红外摄像机的功率究竟有多大
  2. JAVA可不可以编写应用程序_编写一个java应用程序
  3. Ngnix安装的几种常用方式
  4. 程序员高工资是靠汗水和勤奋换来的,想拿高工资入门学习很重要
  5. hibernate操作数据库
  6. JSP中报错only a type can be imported XXX resolves to package
  7. 三菱FX系列PLC编程口通讯协议实例
  8. HTML5期末大作业:旅游网站设计——桂林旅游(3页) HTML+CSS+JavaScrip
  9. 资源环境承载力和国土空间开发适宜性之水环境容量评价
  10. 抖音OAuth2.0快速登录源码
  11. 营在微博:53家优秀企业微博运营案例集
  12. 基于MATLAB霍夫变换的复杂情况下车道线检测
  13. 为什么社区团购需要小程序?
  14. Proftpd快速搭建FTP服务器
  15. getActivity()和getContext()的介绍
  16. 选定关键词爬取智联招聘职位概览信息
  17. [算法导论] 最大差值、最小差值
  18. Ubuntu18.04双系统+日常工作环境+深度学习环境
  19. 在winlogon桌面显示窗口
  20. Uniqueness(思维 or 二分 or 暴力)

热门文章

  1. 弘辽科技:淘宝直通车点击量是什么意思?直通车点击量怎么提升?
  2. 24产品经理需要具备的用户动机分析能力
  3. 第7章,广义相加模型(GAMs)
  4. maven发布SNAPSHOT版本到私服仓库
  5. SDN跟网络虚拟化的完美结合
  6. CSDN实训第一天-《植物大战僵尸》游戏存档与账户充值
  7. 明翰大数据Spark与机器学习笔记V0.1(持续更新)
  8. hive中的date函数
  9. 近两年ABSA相关ACL/EMNLP论文列表
  10. 设计模式笔记——观察者模式(村里二蛋偷偷取了个媳妇,村长知道了,然后全村都知道了...)