zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    内存映射文件点滴
    [Buzz.Today]“估摸”手机:Google收购摩托罗拉
    QT程序中的事件处理
    又是一个开始
    HTTP 协议基础
    深入理解HTTP消息头
    HTTP请求模型和头信息
    十个让你变成糟糕的程序员的行为
    获取上层调用函数地址的代码
    MIME类型大全
  • 原文地址:https://www.cnblogs.com/RainbowInTheSky/p/4486143.html
Copyright © 2011-2022 走看看