<!DOCTYPE html>
<html>
<head>
<title>q zone</title>
<style type="text/css">
div{display:block;}
img
{
width:auto;
height:auto;
max-width:100%;
}
div.head{
width:400px;
height:200px;
top:50px;
left:10px;
position: relative;
z-index:999;
}
div.login{
left:800px;
top:-100px;
width:400px;
height:400px;
position: relative;
}
div.main{
width:1280px;
height:800px;
z-index=-1;
background-image:url('http://qzonestyle.gtimg.cn/qzone/qzactStatics/imgs/20171122191532_f2975b.jpg');
background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
}
div.bottom{
background-color:yellow;
position: relative;
}
div.loginFrame{
display:block;
background-color:white;
}
div.pad{
padding:10px 5px 15px 10px;
}
</style>
</head>
<body>
<div class="main">
<div class="head">
<img src='https://qzonestyle.gtimg.cn/qzone_v6/proj_qzonelogin/img/qzone-login-logo.32.png'>
</div>
<div class="login">
<div class="loginFrame">
<frame id="login_frm">
<div class="pad">
<div >
<label>UserName:</label>
<input type="text" id="u" name="u" value="" tabindex="1">
</div>
</div>
<div class="pad">
<label>Password:</label>
<input type="text" id="p" name="p" value="" tabindex="2">
</div>
<div class="pad">
<div>
<a href="" hidefocus="true">
<input type="submit" tabindex="6" value="Login" id="login_button">
</a>
</div>
</div>
</frame>
</div>
</div>
<div class="bottom">bottom</div>
</div>
</body>
</html>
打赏我,让我更有动力~
© 2016 - 2024 掌控者 All Rights Reserved.
Track-方丈
发表于 2018-3-27
通过,积分金币已发放。
评论列表
加载数据中...