html 写的一个登录界面
来源:互联网 发布:阿里云域名认证失败 编辑:程序博客网 时间:2024/06/05 17:58
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/xing.css" />
</head>
<body>
<div id="content" style="margin:0 auto; background-color:#0F6; width:1000px; height:500px; position:relative;">
<div class="login" style="position:absolute; top:50%;left:50%;margin-top:-100px;margin-left:-200px;background:#69F; width:400px; height: 200px; border-radius:10px;">
<div style=" margin-left:100px;margin-top:50px">
<p style="display:inline">用户名:</p>
<input type="text" value="123"/>
</div>
<div style="margin-left:100px;margin-top:20px">
<p style="display:inline">密 码:</p>
<input type="password" value="123"/>
</div>
<div style=" text-align:center;margin-top:20px">
<input class="button" type="button" value="登录" style="margin-right:10px; padding:5px 15px; background:#F9C; border-radius:3px; border:#F0C 1px solid;"/>
<input class="button" type="button" value="重置" style="padding:5px 15px; background:#F9C; border-radius:3px; border:#F0C 1px solid;"/>
</div>
</div>
</div>
</body>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/xing.css" />
</head>
<body>
<div id="content" style="margin:0 auto; background-color:#0F6; width:1000px; height:500px; position:relative;">
<div class="login" style="position:absolute; top:50%;left:50%;margin-top:-100px;margin-left:-200px;background:#69F; width:400px; height: 200px; border-radius:10px;">
<div style=" margin-left:100px;margin-top:50px">
<p style="display:inline">用户名:</p>
<input type="text" value="123"/>
</div>
<div style="margin-left:100px;margin-top:20px">
<p style="display:inline">密 码:</p>
<input type="password" value="123"/>
</div>
<div style=" text-align:center;margin-top:20px">
<input class="button" type="button" value="登录" style="margin-right:10px; padding:5px 15px; background:#F9C; border-radius:3px; border:#F0C 1px solid;"/>
<input class="button" type="button" value="重置" style="padding:5px 15px; background:#F9C; border-radius:3px; border:#F0C 1px solid;"/>
</div>
</div>
</div>
</body>
</html>
整体居中,效果还可以。
0 0
- html 写的一个登录界面
- 一个简单的html编写的登录界面
- 用C#来写一个管理系统的登录界面
- 用JSP写的一个用户登录界面
- 如何写一个含验证码的登录界面
- jsp写一个简单的登录界面,有默认值
- 使用HTML和CSS写登录界面
- 用Html写一个简单的登陆界面
- 用html写一个简短的员工注册界面
- 利用servlet和html写一个简单的登录
- 用extjs写一个登录界面
- 【wpf】利用wpf写的一个登录界面--美感为零的程序员伤不起
- 使用Visual Studio写一个简单的Windows窗体应用登录界面
- java应用——写一个超简单的QQ登录界面(没有监听)
- 同学做的12306html登录界面
- 黑马程序员_007Grid布局写一个登录界面
- Java web 写一个注册登录界面,Sql 10
- mysql+phpstrom10.04写一个简单登录注册界面
- 图论训练一B
- 已有数据库(单机)部署Database Vault
- Android <shape>定义图形
- android button light 流程分析(二) — HAL & JNI
- Android Scroller工具类的简单用法
- html 写的一个登录界面
- Java BigDemical在工作中的应用(主要用于钱的处理)
- JTextArea中光标的操作
- iOS 打开系统打电话 发短信 邮件 浏览器 地图
- com.google.gson.JsonSyntaxException: 4.1.9
- 用js实现跑马灯抽奖效果
- redhat 网络配置
- Java注解Annotation详解
- 8、关于增强版的GenericityJDBCUtils的实现,可灵活的处理select的返回结果