<!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=gb2312" />
<title>登陆</title>
<style>
body {margin:0px auto; background:url(img/top.jpg) 0px 0px repeat-x; font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
form {border:none; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:14px; padding:0px; margin:0px;}
form input {font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:14px;}
#content {width:736px;position:absolute;left:50%;top:50%;margin-left:-368px;margin-top:-128px; background:url(img/login_content_bg.jpg) center center no-repeat; height:257px;}
.form_user {position:absolute;margin-left:335px; padding-top:55px; color:#336699; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:14px; z-index:2;}
.form_pass {position:absolute;margin-left:335px; padding-top:80px; color:#336699; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:14px; z-index:3;}
.form_yan {position:absolute;margin-left:335px; padding-top:105px; color:#336699; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:14px; z-index:5;}
.form_uer_input {background:url(img/login_input.jpg) 0px 0px no-repeat; width:159px; height:23px; line-height:23px;border:none; padding-left:5px; color:#FF0000; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:14px;}
.form_pass_input {background:url(img/login_input.jpg) 0px 0px no-repeat; width:159px; height:23px; line-height:23px;border:none; padding-left:5px; color:#FF0000; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:14px;}
.form_yan_input {background:url(img/login_input.jpg) 0px -26px no-repeat; width:66px; height:26px; line-height:23px;border:none; padding-left:5px; color:#FF0000; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:14px;}
#position_form {position:absolute;margin-left:390px;padding-top:50px;color:#336699; z-index:10;}
.position_user {margin-left:0px;padding-top:0px;}
.position_pass {margin-left:0px;padding-top:0px;}
.position_yan {margin-left:0px;padding-top:0px;}
.position_btn {margin-left:0px;padding-top:0px;}
.login_text {margin-left:-53px; padding-top:30px; color:#F00; position:absolute;}
.subit_btn {background:url(img/login_input.jpg) 0px -52px no-repeat; font-weight:bolder; text-align:center; border:none; width:60px; height:24px; padding-top:3px;}
#bottom {width:449px;position:absolute;left:55%;top:100%;margin-left:-368px;margin-top:-128px;}
</style>
</head>
<body>
<div id="content">
<div class="form_user">用户名</div>
<div class="form_pass">密 码</div>
<div class="form_yan">验证码</div>
<div id="position_form">
<div class="position_user">
<input type="text" class="form_uer_input" />
</div>
<div class="position_pass">
<input type="text" class="form_pass_input" />
</div>
<div class="position_yan">
<input type="text" class="form_yan_input" />
<img name="" src="" width="36" height="22" alt="" />
</div>
<div class="position_btn">
<input type="submit" name="Submit" value="提 交" class="subit_btn" />
</div>
<div class="login_text">注意： 为保证您的帐号及系统的安全，退出系统时请注销登录。</div>
</div>
</div>
<div id="bottom">Copyright©2009. Qshun.com. 浙江齐顺信息科技有限公司 All rights reserved.</div>
</body>
</html>
订阅我的BLOG(RSS)