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>
  • 相关阅读:
    bzoj1505 [NOI2004]小H的小屋
    最大值
    数学
    OI中的快速傅里叶变换(FFT)
    旅游规划
    加分二叉树
    浅谈 字符串hash
    二分的弟弟“三分”
    Trie树(c++)
    克鲁斯卡尔
  • 原文地址:https://www.cnblogs.com/RainbowInTheSky/p/4486143.html
Copyright © 2011-2022 走看看