房产行业应用平台登录界面

UI / UI设计 / 后台界面 /      

ninger
 /  

来源:uimaker.com   作者:ninger

关键词

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>乳山市房产信息管理系统登录平台</title>

<style type="text/css">

body{ background:#f0f0f0; font-family:"宋体"; font-size:12px; font-size:9pt; }

.logo{ width:864px; height:260px; background:url(images/logo.jpg); margin:0 auto; margin-top:-10px;}

.login{ height:134px; width:100%; background:url(images/loginbg.jpg) repeat;}

.login_content{ height:120px; width:200px; margin:0 auto; padding-top:10px;}

.fenge{ display:block; float:left; }

.logindiv{ height:25px; width:185px; background:#FBFAFB; border:#DEDEDE 1px solid; float:right; margin-top:7px;}

.logindiv img{ display:block; float:left; margin-top:5px; margin-left:3px;}

.logindiv input{ display:block; float:right; width:160px; height:20px; margin-top:3px; border:none; background:none}

.logindiv2{height:25px; width:185px;float:right; margin-top:7px;}

.logindiv2 .loginbtn{ background:url(images/loginbtn.gif); border:none; width:73px; height:25px; display:block; float:left;}

.logindiv2 a{ display:block; width:100px; float:right; height:15px; margin-top:10px; color:#FFF;}

</style>

<ｓｃｒｉｐｔ type="text/javaｓｃｒｉｐｔ">

onload = function(){

var ff = document.getElementById("userName");

ff.focus();

}

</ｓｃｒｉｐｔ>

</head>

 

<body>

<div class="logo">

</div>

<div class="login">

  <div class="login_content">

   <!--分割-->

  <img src="images/loginfenge.jpg" class="fenge" />

  <!--用户名-->

  <div class="logindiv">

  <img src="images/user.gif" title="用户名" />

  <input type="text" id="userName" />

  </div>

  <!--密码-->

  <div class="logindiv">

  <img src="images/pwd.gif" title="密码" />

  <input type="password" />

  </div>

    <!--按钮-->

  <div class="logindiv2">

  <input type="button" class="loginbtn" title="登录" value=" " />

  <a href="#">安装加密狗驱动?</a>

  </div>

  

  </div>

</div>

</body>

</html>

 

 收藏