先来看看样子。

html源码：

Login

css代码：

html{

width: %;

height: %;

overflow: hidden;

font-style: sans-serif;

}

body{

width: %;

height: %;

font-family: 'Open Sans',sans-serif;

margin: ;

background-color: #4A374A;

}

#login{

position: absolute;

top: %;

left:%;

margin: -150px -150px;

width: 300px;

height: 300px;

}

#login h1{

color: #fff;

text-shadow: 10px;

letter-spacing: 1px;

text-align: center;

}

h1{

font-size: 2em;

margin: .67em ;

}

input{

width: 278px;

height: 18px;

margin-bottom: 10px;

outline: none;

padding: 10px;

font-size: 13px;

color: #fff;

text-shadow:1px 1px 1px;

border-top: 1px solid #312E3D;

border-left: 1px solid #312E3D;

border-right: 1px solid #312E3D;

border-bottom: 1px solid #56536A;

border-radius: 4px;

background-color: #2D2D3F;

}

.but{

width: 300px;

min-height: 20px;

display: block;

background-color: #4a77d4;

border: 1px solid #3762bc;

color: #fff;

padding: 9px 14px;

font-size: 15px;

line-height: normal;

border-radius: 5px;

margin: ;

}

HTML5实战教程———开发一个简单漂亮的登录页面

最近看过几个基于HTML5开发的移动应用,比如臭名昭著的12036移动客户端就是主要使用HTML5来实现的,虽然还是有点反应迟钝,但已经比较流畅了,相信随着智能手机的配置越来越高性能越来越好,会越来越 ...

JavaWeb 学习003-简单登录页面功能实现

先说下题外话:学习不是看你学了多久,重点是学到多少: 这就要求   效率.我在这三个小时,但是有效率的又有多久?只是做了这么一点简单的事. 登录页面 跟数据库交互,进行判断是否登陆成功.我只是实现了一 ...

HTML5和CSS3登录页面制作实录

本文详细介绍使用HTML5 和CSS3 制作一个登录页面的完整过程. View demo login.html

...

一步一步理解 python web 框架，才不会从入门到放弃 -- 简单登录页面

上一节,我们基本了解了 Django 的一些配置,这一节,我们将通过一个简单的登录页面,进一步学习 Django 的使用. 新建项目 首先,新建一个 Django 项目,记得别弄错了哦. settin ...

asp.net+mvc+easyui+sqlite 简单用户系统学习之旅(三)—— 简单登录页面+sqlite+动软代码生成器的使用

上一节讲到利用easyui的layout.tree.tab和datagrid创建用户管理的页面,注意利用到easyui的页面一定要按顺序添加jQuery和easyUI的.js和.css样式,灵活查看e ...

vue_cli下开发一个简单的模块权限系统之建立登录页面并且实现在浏览器输入地址出现内容

新建一个Login.vue(登录页面,先把Hello.vue的内容复制过来即可) 然后我们打开router下面的index.js,第一个箭头:(引入vue路由)第二个箭头(引入我们新建的Login.v ...

这两天老是有兄弟问到Vue的登陆和注册，登陆成功留在首页，没有登录回到登录页面，现在我用最简单实用的方法实现(两分钟技就看懂)

其实登录注册,并且登录一次保持登录的状态,是每个项目都需要实现的功能. 网上也有很多的方法,不过,不是通俗易懂,在这里说一下我自己的方法,非常简单实用核心就是用localStorage存.取数据,这样 ...

Web核心之最简单最简单最简单的登录页面

需求分析: 在登录页面提交用户名和密码 在Servlet中接收提交的参数,封装为User对象,然后调用DAO中的方法进行登录验证 在DAO中进行数据库查询操作,根据参数判断是否有对象的用户存在 在Se ...

随机推荐

java 中的2个接口 Comparable和Comparator

像Integer.String这些类型的数据都是已经实现Comparable接口的,所以对这些类型可以直接通过Arrays.sort(...)和Collections.sort(...)方法进行排序. ...

iOS通过ASIHTTPRequest提交JSON数据

先验知识——什么是ASIHTTPRequest? 使用iOS SDK中的HTTP网络请求API,相当的复杂,调用很繁琐,ASIHTTPRequest就是一个对CFNetwork API进行了封装,并且 ...

【转】jmeter 进行java request测试

本周使用jmeter进行一个远程dubbo接口的性能测试,因为没有访问页面,本来开发可以写一个页面,进行http请求的调用,不过已经看到jmeter可以直接对java request进行测试,所以尝试 ...

Nodejs express 获取url参数，post参数的三种方式

express获取参数有三种方法:官网实例: Checks route params (req.params), ex: /user/:id Checks query string params (r ...

Centos7多网卡绑定操作，通过nmcli命令操作。

运行 ip link 命令查看系统中可用的接口1.创建bond网卡nmcli con add type team con-name team0 ifname team0 config '{" ...

JavaSE教程-03深入探究原码，反码，补码-扩展

1.原码,反码,补码的基础概念和计算方法 在搞清楚为什么计算机要使用补码之前,我们先搞清楚一个基本知识点,就是原码,反码,补码的计算方式. 对于一个数,计算机要使用一定的编码方式进行存储,原码,反码, ...

java集合系列——Map介绍(七)

一.Map概述 0.前言 首先介绍Map集合,因为Set的实现类都是基于Map来实现的(如,HashSet是通过HashMap实现的,TreeSet是通过TreeMap实现的). 1:介绍 将键映射到 ...

由ORACLE:ORA-28001: the password has expired(密码过期)引起ODI资料库连接失败

今天,连接ODI,出现下面的错误 oracle.odi.core.config.WorkRepositoryResourceFailureException: ODI-10182: 资料档案库访问期间 ...

按行读取.txt文件，并按行写入到新文件中

package com.test.io; import java.io.BufferedReader; import java.io.BufferedWriter; import java.io.Fi ...

hdu 5023 线段树+状压

http://acm.hdu.edu.cn/showproblem.php?pid=5023 在片段上着色,有两种操作,如下: 第一种:P a b c 把 a 片段至 b 片段的颜色都变为 c . 第 ...