HTML常见标签 - QQ空间框架【pklong007作业】 - 已锁定

pklong007   ·   发表于 2018-03-26 12:47:05   ·   CTF&WP专版

<!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>

 


打赏我,让我更有动力~

1 条回复   |  直到 2018-3-27 | 1624 次浏览

Track-方丈
发表于 2018-3-27

通过,积分金币已发放。

评论列表

  • 加载数据中...

编写评论内容
登录后才可发表内容
返回顶部 投诉反馈

© 2016 - 2024 掌控者 All Rights Reserved.