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="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的更多相关文章
- div+css登陆界面案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 【转】css布局居中和CSS内容居中区别和对应DIV CSS代码
原文地址:http://www.divcss5.com/jiqiao/j771.shtml css布局居中和CSS内容居中区别和对应DIV CSS代码教程与图文代码案例篇 对于新手来说DIV CSS布 ...
- 登陆界面背景动画的css样式
为了达到更好的用户体验,登陆界面需要设计多张背景图进行动态切换 <!doctype html> <html lang="en"> <head> ...
- 【使用DIV+CSS重写网站首页案例】步骤分析与代码实现
使用DIV+CSS重写网站首页案例 步骤分析: 第一步:先定义一个大的 div(整个页面),然后嵌套 8 个小的 div(共八行): 第二步:(第一行)在第一个 div 里面嵌套 3 个小的 div: ...
- 2017.9.24 基于HTML+JavaScript+CSS的开发案例&&JavaScript+CSS+DIV实现表格变色
1.JavaScript+CSS+DIV实现下拉菜单 1.1 层标签<div> 基本语法: <div id="层编号" style="position: ...
- HTML+CSS小实战案例
HTML+CSS小实战案例 登录界面的美化,综合最近所学进行练习 网页设计先布局,搭建好大框架,然后进行填充,完成页面布局 <html> <head> <meta htt ...
- HTML写的第一个邮箱登陆界面
自己动手去写才会有收获,宁可模仿也不要全部复制粘贴 不说了,直接上代码.CSS有注释,适合新手. <!doctype html> <html> <head> < ...
- 一步一步实现web程序信息管理系统之一----登陆界面实现
一步一步实现web程序信息管理系统 在web程序中特别是信息管理系统,登陆功能必须有而且特别重要.每一个学习程序开发或以后工作中,都会遇到实现登陆功能的需求.而登陆功能最终提供给客户或展现给客户的最基 ...
- [终极巨坑]golang+vue开发日记【二】,登陆界面制作(一)
写在前面 本期内容是适合第一次使用vue或者golang开发的,内容会以实战的形式来讲解.看懂本段内容需要了解基础内容有html,css,最好可以看一下vue的基础.并且这里的每个知识点不可能详细解说 ...
随机推荐
- GridView九宫格菜单实现方式
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android=&q ...
- 说一说Android的工程目录结构
这段时间正在学习有关Android的知识,对在Eclipse下开发的Android项目的目录结构有了一定的了解,在此对目录结构做一个简单的介绍.下图是在Eclipse下Android项目展开的项目目录 ...
- C# 线程抛异常
异常抛出 异常抛出要在线程代码中抛出,否则捕获不到 using System; using System.Threading; namespace testthread_keyword_lock { ...
- 微信公共号url地址出错,调用上次设置地址.
开发微信公共号时总是会遇到要修改公共号里自定义菜单的地址,修改过后有些手机会重新请求错误(上次)的地址. 针对这个问题,我采用重新关注公共号.清楚公共号内容.清楚浏览器缓存的方式,前两种均不得解决,第 ...
- 使用Struts2 验证框架,验证信息重复多次出现
版权声明:本文为博主原创文章,未经博主允许不得转载. 问题描述:第一次提交表单.某个数据不符合规则,就会出现一条错误信息.再次提交,上次显示的错误信息不消失,又多出一条一模一样的错误信息.提交几次,就 ...
- jquery动态移除/增加onclick属性详解
本文章给大家介绍利用jquery的removeAttr与attr事件来给a标签增加与删除onclick事件的具体操作方法,有需要了解的朋友可参考. 要实现效果:点击链接先去掉onclick属性,3秒 ...
- WCF之契约
消息交换的双方,为了进行消息交换,而定义的一些数据交换规则,称之为契约. 契约只约束规则,不管实现. 契约对客户端和服务器的要求. 服务器:定义和实现契约.构建ServiceHost实例,然后暴露En ...
- C语言清除输入缓存方法记录[转]
原文:http://www.tomytime.com/archives/218/ fflush()函数是标准的作法. setbuf(stdin,NULL)是GCC下可用的一种方法. scanf(&qu ...
- (转)mongoDB 禁用大内存页面 transparent_hugepage=never
最近在学mongoDB,安装倒没什么困难,有yum仓库.不过接入ctl后的一条warning倒挺让人烦心的. 1 2 2015-03-22T09:27:00.222+0800 I CONTROL [ ...
- (转)hessian源码分析(一)------架构
在计费中心的对外交互这块采用了hessian,有必要对hessian的运行机理和源码做一定的解析. 大致翻了翻源码后,发现hessian的主要结构分客户端与服务端,中间基于http传输.客户端主要做的 ...