div+css登陆界面案例2

时间：2022-12-24 12:22:32
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style type="text/css">

    body{

        margin: 0px;

            padding:0px;

            font-size:12px;

            background-color: #1873aa;

            text-align: center;

            overflow: hidden;

    }

    #pagetop{

        background-image: url(images/head.gif);

        width: 1432px;

        height: 113px;

    }

    #pagecenter h1{

        text-align: left;

        margin-left: 50px;

        margin-top: 50px;

    }

    #pagecenter p{

        text-align: left;

        margin-left: 50px;

        font-size: 15px;

    }

    #input div{

        font-size: 17px;

    }

    #input div input{

        margin-left: 30px;

        margin-top: 8px;

        width:230px;

        height: 18px;

    }

    #form{

        text-align: left;

        margin-left: 50px;

    }

    #btn input{

        width: 80px;

        height: 30px;

        cursor:pointer;

    }

    #btn input:hover{

        cursor:hand;

    }

    #btn1{

        text-align: center;

        margin-top: 20px;

        margin-left: 130px;

    }

    #btn2{

        margin-top: 20px;

        margin-left: 30px;

    }

    #input img{

        width: 30px;

        height:30px;

    }

    </style>

</head>

<body>

    <div id="container">

        <div id="pagetop">

        </div>

        <div id="pagecenter">

            <h1>注册须知：</h1>

            <p>1:在本站注册的会员，必须遵守《互联网电子公告服务管理规定》，不得在本站诽谤他人，侵犯他人隐私，侵犯他人知识产权，传播病<br />毒政治言论，商业机密等信息。</p>

            <p>2：在所有本站发表的文章，本站都具有最终编辑权，并且保留用于向第三方印刷或者发表的权利，如果您的资料不齐全，我们将有权不作任<br />何通知使用你在本站发表的作品</p><br />

        </div>

        <div id="form">

            <form>

                <div id="input">

                    <div>

                        登陆账号：

                        <input type="text" name="username" />

                    </div>

                    <div>

                        重复密码：

                        <input type="password" name="password">

                    </div>

                    <div>

                        确认密码：

                        <input type="password" name="password">

                    </div>

                    <div>

                        电子邮箱：

                        <input type="password" name="password">

                    </div>

                    <div>

                        您的昵称：

                        <input type="password" name="password">

                    </div>

                    <div>

                        图片认证：

                        <input type="password" name="password">

                        <img src="data:images/yanzheng.gif">

                    </div>

                </div>

                <div id="btn">

                    <input id= "btn1" type="submit" value="重置" />

                    <input id= "btn2" type="button" value="注册" />

                </div>

            </form>

        </div>

    </div>

</body>

</html>

div+css登陆界面案例2的更多相关文章

  1. div&plus;css登陆界面案例

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  2. 【转】css布局居中和CSS内容居中区别和对应DIV CSS代码

    原文地址:http://www.divcss5.com/jiqiao/j771.shtml css布局居中和CSS内容居中区别和对应DIV CSS代码教程与图文代码案例篇 对于新手来说DIV CSS布 ...

  3. 登陆界面背景动画的css样式

    为了达到更好的用户体验,登陆界面需要设计多张背景图进行动态切换 <!doctype html> <html lang="en"> <head> ...

  4. 【使用DIV&plus;CSS重写网站首页案例】步骤分析与代码实现

    使用DIV+CSS重写网站首页案例 步骤分析: 第一步:先定义一个大的 div(整个页面),然后嵌套 8 个小的 div(共八行): 第二步:(第一行)在第一个 div 里面嵌套 3 个小的 div: ...

  5. 2017&period;9&period;24 基于HTML&plus;JavaScript&plus;CSS的开发案例&amp&semi;&amp&semi;JavaScript&plus;CSS&plus;DIV实现表格变色

    1.JavaScript+CSS+DIV实现下拉菜单 1.1 层标签<div> 基本语法: <div id="层编号" style="position: ...

  6. HTML&plus;CSS小实战案例

    HTML+CSS小实战案例 登录界面的美化,综合最近所学进行练习 网页设计先布局,搭建好大框架,然后进行填充,完成页面布局 <html> <head> <meta htt ...

  7. HTML写的第一个邮箱登陆界面

    自己动手去写才会有收获,宁可模仿也不要全部复制粘贴 不说了,直接上代码.CSS有注释,适合新手. <!doctype html> <html> <head> &lt ...

  8. 一步一步实现web程序信息管理系统之一----登陆界面实现

    一步一步实现web程序信息管理系统 在web程序中特别是信息管理系统,登陆功能必须有而且特别重要.每一个学习程序开发或以后工作中,都会遇到实现登陆功能的需求.而登陆功能最终提供给客户或展现给客户的最基 ...

  9. &lbrack;终极巨坑&rsqb;golang&plus;vue开发日记【二】，登陆界面制作（一）

    写在前面 本期内容是适合第一次使用vue或者golang开发的,内容会以实战的形式来讲解.看懂本段内容需要了解基础内容有html,css,最好可以看一下vue的基础.并且这里的每个知识点不可能详细解说 ...

随机推荐

  1. NSDateFormatter

    NSDate *now = [NSDate date]; NSDateFormatter *fmt = [[NSDateFormatter alloc] init]; fmt.dateFormat = ...

  2. OOP设计模式&lbrack;JAVA&rsqb;——02观察者模式

    观察者模式 观察者模式的设计原则 为交互对象之间的松耦合设计而努力,使对象之间的相互依赖降到最低. 观察者模式也是对象行为型模式,其意图为:定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时 ...

  3. No1&lowbar;7&period;类和对象&lowbar;Java学习笔记

    一.面向对象的特点:a.封装:封装是面向对象的核心思想,将对象的属性和行为封装起来的载体就是类,类通常对客户隐藏其实现细节,这就是封装的思想: 保证了类内部数据的完整性,应用该类的用户不能轻易直接操纵 ...

  4. ChartControl一个小Demo

    我X轴设置的是时间,类型是DatetimeY轴设置的是数量,类型是Numerical当日期不一样时显示曲线正常,但是如果是同一天的话就成了下面的效果 怎么做才能让全部是同一天的时候显示小时为单位的曲线 ...

  5. Android屏幕适配-android学习之旅（五十九）

    android屏幕适配

  6. elementUi的时间选择器在IE浏览器的赋值问题--前端

    项目技术:vue+elementUi,组件化 出现的问题:在IE浏览器(IE10+),唤醒组件加载赋值,表单中el-input等框赋值正确,el-date-picker选择器没有显示所附的值(或显示p ...

  7. 洛谷P3384 【模板】树链剖分

    题目描述 如题,已知一棵包含N个结点的树(连通且无环),每个节点上包含一个数值,需要支持以下操作: 操作1: 格式: 1 x y z 表示将树从x到y结点最短路径上所有节点的值都加上z 操作2: 格式 ...

  8. 使用python玩跳一跳亲测使用步骤详解

    玩微信跳一跳,测测python跳一跳,顺便蹭一蹭热度: 参考博文 使用python玩跳一跳超详细使用教程 WIN10系统,安卓用户请直入此: python辅助作者github账号为:wangshub. ...

  9. Python机器学习笔记：sklearn库的学习

    网上有很多关于sklearn的学习教程,大部分都是简单的讲清楚某一方面,其实最好的教程就是官方文档. 官方文档地址:https://scikit-learn.org/stable/ (可是官方文档非常 ...

  10. java &equals;&equals; 与 equals 相同与不同点

    java中与很多有意思又值得深究的点. 写这篇文章呢,是由于在百度知道中看到一个问题:怎样比较两个对象是否相同.这又使我想到了另外一个问题,== 和 equals有什么不同?写了几行代码,看了几篇文章 ...

相关文章