pure css做的pc登陆界面

源码如下：

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>登陆页</title>
 6 <link rel="stylesheet" type="text/css" href="admin/css/pure-min0.6.0.css"/>
 7 <style>
 8 body{
 9     background: url(images/bj.png) no-repeat;
10     font-family: "Microsoft YaHei";
11     overflow-y:hidden;
12     -webkit-background-size: cover;
13       -moz-background-size: cover;
14       -o-background-size: cover;
15       background-size: cover;
16 }
17 form {
18     margin: 150px auto;
19     width: 300px;
20 }
21 </style>
22 </head>
23 <body>
24 <form class="pure-form pure-g">
25   <fieldset class="pure-group pure-u-1">
26     <input type="text" class="pure-input-1" placeholder="用户名">
27     <input type="text" class="pure-input-1" placeholder="密码">
28   </fieldset>
29   <div class="pure-group pure-input-1">
30     <div class="pure-u-1-2"><img src="images/image.jpg"  height="40" width="140" /></div>
31     <div class="pure-u-1-2">
32       <input type="text" class="pure-input-1" placeholder="密码">
33     </div>
34   </div>
35   <div class="pure-group pure-input-1">
36     <button type="submit" class="pure-button pure-input-1 pure-button-primary">登录</button>
37   </div>
38 </form>
39 </body>
40 </html>

时间： 2024-10-10 05:55:32

pure css做的pc登陆界面的相关文章

pure css做的手机版博客园（我自己博客）

源码如下: 1 <!doctype html> 2 <html> 3 <head> 4 <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 5  6 <meta name="viewport" content="width=device-width, in

pure css做的手机页面

1 <!doctype html> 2 <html> 3 <head> 4 <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 5  6 <meta name="viewport" content="width=device-width, initial-

C# 使用ini格式存储值（比如：登陆界面的用户名和登录号）

这是第一篇博文,以后在平时的开发中通过自己找资料研究出来的东西都定期做个归纳整理出来分享给大家,也便于我自己以后再看看~~~ ps:当然,感觉自己还是个小菜~对于大神来说可能内容比较简单,莫见笑~很多东西也都是网上找来规整出来的,如果对你能有一点点帮助,将是我莫大的荣幸首先,如果做了一个登陆界面,其中要求输入“用户名”[UserName],密码,才能登陆,为了免于每次打开系统都要输入用户名,所以,我们现在就要实现一个文件存储功能, 文件将以“.ini”格式存储: 写入文件: 1 [DllImp

项目前安装软件以及登陆界面（Eclipse+JDK+SDK+ADT )

我们准备做的是一个聊天软件,所以我尝试做了一下登陆界面.本来打算用前段的技术实现,后来就做了一下子,但是没有完善.上周刚好买了本安卓的书,于是自学了一部分知识.于是自己尝试做下手机端的登陆界面. 进行安卓开发,首先是安装软件:Eclipse+JDK+SDK+ADT(虽然Android studio现在非常流行,但是我还是用eclipse配置了,感觉用习惯了eclipse) 可以直接在这里下载所有的软件:http://www.android-studio.org/ 为什么不直接进官网下载?由于某

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: #1873a

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

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

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

自己做的一个登陆注册留言板的界面未实现功能求指点待更。。。。。。

MAIN结构 //// <%@ Master Language="C#" AutoEventWireup="true" CodeFile="Main.master.cs" Inherits="Main" %> <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta ht

c#做登陆界面

登陆界面最主要的就是数据库访问,这里就不多讲界面设计了, 直接给代码:(这段代码加在登陆按钮的事件里) #region 定义用户信息变量 string UserName = TextBox_User_Name.Text.Trim(); string UserPassword = TextBox_User_Password.Text.Trim(); #endregion #region 检查用户是否输入用户信息 if (UserName == "" && UserPass