html网页设计简单登陆界面

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>用户登录界面</title><base target="_blank" />
<style>
*{
padding:0px;
margin:0px;
}
a{color:White}
body{
font-family:Arial, Helvetica, sans-serif;
background:#000 no-repeat center;
font-size:13px;
}
img{
border:0;
}
.lg{width:468px; height:468px; margin:100px auto; background:url(http://keleyi.com/keleyi/phtml/divcss/21/images/login_bg.png) no-repeat;}
.lg_top{ height:200px; width:468px;}
.lg_main{width:400px; height:180px; margin:0 25px;}
.lg_m_1{
width:290px;
height:100px;
padding:60px 55px 20px 55px;
}
.ur{
height:37px;
border:0;
color:#666;
width:236px;
margin:4px 28px;
background:url(http://keleyi.com/keleyi/phtml/divcss/21/images/user.png) no-repeat;
padding-left:10px;
font-size:16pt;
font-family:Arial, Helvetica, sans-serif;
}
.pw{
height:37px;
border:0;
color:#666;
width:236px;
margin:4px 28px;
background:url(http://keleyi.com/keleyi/phtml/divcss/21/images/password.png) no-repeat;
padding-left:10px;
font-size:16pt;
font-family:Arial, Helvetica, sans-serif;
}
.bn{width:330px; height:72px; background:url(http://keleyi.com/keleyi/phtml/divcss/21/images/enter.png) no-repeat; border:0; display:block; font-size:18px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:bolder;}
.lg_foot{
height:80px;
width:330px;
padding: 6px 68px 0 68px;
}
</style>
</head><body class="b">
<div class="lg">
<form action="#" method="POST">
<div class="lg_top"></div>
<div class="lg_main">
<div class="lg_m_1"><input name="username" value="hovertree" class="ur" />
<input name="password" type="password" value="keleyi.com" class="pw" /></div>
</div>
<div class="lg_foot">
<input type="button" value="点这里登录" class="bn" /></div>
</form>
</div>
<div style="text-align:center;">
</div>
</body>
</html>

html网页设计简单登陆界面相关推荐

PHPstudy设计简单登录界面
这次我们设计一个简单的登录界面,首先要HTML设计前端浏览器界面,然后PHP设计验证和数据库交互,Mysql用来存储用户信息. 我们启动PHPstudy,开启WNMP. 首先我们用HTML设计一个简单 ...
【Qt教程】2.2 - Qt5 布局管理器（水平、垂直、栅格布局）、弹簧、设计一个登陆界面
使用布局管理器,来设计一个登陆界面都是操作,没代码没理论.参照:Qt设计一登陆窗口布局 1. 新建空工程双击.ui文件,进入界面设计区. 我们新建工程时候,使用的是QMainWindow类,会自动 ...
HTML5.0实例练习（三） --制作一个简单登陆界面
今天分享一个简单的实例--制作一个简单登陆界面代码如下: 代码执行结果如下: 这里面用到了<table><th><td><tr>这些表格标签,这些在这 ...
用html制作用户信息注册,[网页设计]html用户注册界面
[网页设计]html用户注册界面 0 2016-08-06 10:00:05 先上一张简约的界面的效果图这里是style里面的内容再来body里面的内容,这里用到的是失焦 onblur 和聚焦 ...
html网页设计简单吗,如何做一个简单的网页设计
很多网页设计初学者都说,国外的网页设计很简单,但是又很容易吸引用户,这里面有什么诀窍吗?做一个网页如何做到界面简洁,内容简单又能打动用户,粘贴住他们.本文素马将讲解简单容易出效果的网页设计技巧,附上精 ...
响应式网页设计简单入门
Overview: 构造基本的HTML页面动态加载样式表 Viewport 字体缩放侧边栏导航菜单图片自适应其他总结说到响应式网页设计(Responsive web design),最近 ...
HTML+CSS鲜花网页制作 DW静态网页设计简单的个人网页制作
一.作品介绍网页作品代码简单html+css,可使用任意HTML编辑软件(如:Dreamweaver.HBuilder.Vscode .Sublime .Webstorm.Text .Notepad ...
Android_studio 开发简单登陆界面
展示: 主要功能:页面跳转,登录,显示密码. 1.图标获取:https://www.iconfont.cn/ 这个是阿里巴巴矢量图标库的链接关于添加图标可以参见 2.页面跳转:通过点击按钮实现 ...
期末大作业 | ToDoList网页设计番茄钟界面设计记录
目录一.简要说明二.页面核心代码三.CSS样式代码四.页面效果截图五.我的心得一.简要说明本模块旨在为用户提供番茄工作法的时间规划,在用户在输入框中输入事项之后,点击"开始吧& ...
期末大作业 | ToDoList网页设计关于我界面设计记录
一.简要说明 ①关于我本模块是关于设计者本人的一些介绍,图片与文字穿插,点击左侧图片可以分别进入设计者本人的网易云音乐主页和bilibili主页,右侧图片则可以分别进入相关的页面进行了解展示,之后为 ...

html网页设计简单登陆界面

html网页设计简单登陆界面相关推荐

最新文章

热门文章