源码如下：
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>
原文：http://www.cnblogs.com/RainbowInTheSky/p/4486143.html