div+css登陆界面案例2

<!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="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,布布扣,bubuko.com

时间: 2024-10-11 04:57:02

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

div+css登陆界面案例

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style type="text/css"> body{ margin: 0px; padding:0px; font-size:12px; background-color: #1873aa; text-align: center; overflow: hid

div css行数实现 css显示行数序列值布局

div css布局中常常遇到文章标题列表前有序号(1-10)排版布局,如何简单实现这类新闻文章标题列表排版布局呢?如看到列表布局前有1 2 3 4 5 6 7等数字顺序. 类似带有序布局效果图 一.布局思维讲解   -   TOP 可能遇到这样的布局第一反应你会想到有序标签ol li的使用,但这里DIVCSS5告诉你因为浏览器版本比较多而不同浏览器对ol li有序列表默认自带的序号列表有着不同显示,这样容易引起浏览器兼容问题,所以遇到这样的有序排版布局,上海最好的性功能治疗医院告诉你,最简单是将

DIVCSS5模块 上标题下简介列表DIV CSS布局

类似上下结构的上标题下简介列表DIV CSS布局实例模块 大标题+简单简介列表模块CSS布局,布局讲解.图文+代码介绍,在线演示,打包下载该模块完整源代码. 上标题下简介上下结构列表CSS布局效果截图 布局这样的模块,标题一般只占一行,标题文字过多自动换行的文字将自动隐藏处理,简介内容字数控制来显示最多两排,通常上海早泄治疗医院程序员会考虑调用最多多少个文字字数. 一.DIVCSS模块布局分析   -   TOP 从局部模块分析很容易找到规律,每列都是标题+简介方式布局,下边出现下边框线效果.找

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

为了达到更好的用户体验,登陆界面需要设计多张背景图进行动态切换 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus?"> <meta name="Author" content="

DIV CSS Sprites精灵 CSS图像拼合 CSS背景贴图定位教程案例

div css sprites精灵-CSS图像拼合 CSS贴图定位网页背景素材图片拼合定位布局技术教程篇与css sprites实例篇 css sprites拼合背景图片素材实现布局效果截图 一.什么是css sprites   -   TOP css sprites直译过来就是CSS精灵.通常被解释为“CSS图像拼合”或“CSS贴图定位”.其实就是通过将多个图片融合到一张图里面,然后通过CSS background背景定位技术技巧布局网页背景.这样做的好处也是显而易见的,因为图片多的话,会增加

Jsp登陆界面

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><

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

自己动手去写才会有收获,宁可模仿也不要全部复制粘贴 不说了,直接上代码.CSS有注释,适合新手. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Login</title> <link rel="stylesheet" href="3.css" /> </head> <bod

Html + div + CSS

声明下,本人小白,望大神看了勿喷,多多指点,下面咱们进入正题. 为了界面好看点,先在WPS编写了一遍,弄了几个框架图片,会添加一些色彩,更容易让大家看明白,过一段时间就会发Java的,大概也就是一周一篇,,或者是一周两篇博客,因为现在正在学,只能一边学,然后在星期的时候把学到的总结一下,发出来学到的东西,给大家分享,希望大家喜欢... 1.HTML的基础 HTML是用来制作网页的标记语言 HTML是Hypertext Markup Language的英文缩写,即超文本标记语言 HTML语言是一种

[终极巨坑]golang+vue开发日记【二】,登陆界面制作(一)

写在前面 本期内容是适合第一次使用vue或者golang开发的,内容会以实战的形式来讲解.看懂本段内容需要了解基础内容有html,css,最好可以看一下vue的基础.并且这里的每个知识点不可能详细解说,只会告诉你大概做什么的,入门切记要不求甚解,不然学到自闭 远征的第一步,启动一个vue项目 我们这次主要是写一个以vue为前端框架的登陆和注册,因此我们的第一步也就是创建一个vue项目,并且这个内容在上一节已经讲过了,不过这里我们可以再操作一番. vue create your_projectna