3.2、HTML常见标签 - QQ空间框架【作业】 - Locked

6zz   ·   发表于 2018-05-21 17:22:26   ·   CTF&WP专版
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{margin: 0px auto;padding: 0px;
            width: 100%;height:100%;
            background: url("images/background.jpg") no-repeat}
        #logo{margin-left: 250px;margin-top: 50px;}
        #fm{width:420px;height: 340px;position: relative;margin-top: -120px;
            margin-left:700px;
            background: white;
            border-radius: 5px;
            text-align: center;
             }
        #fm span{font-size: 20px;}
        #fm input[type=text],input[type=password]{border: 1px solid #d0d9ff; width:250px; height:40px; }
        #fm input[type=button]{ padding: 8px 24px; margin: 0px;
            background: #86ce2f;font-size:18px;text-align: center;line-height: 24px;width:250px;
            color: #ffffff; }
        .tui{font-size:14px;}
        .aa{float: right;}
        .aa ul,#foot ul{margin:0px;padding: 0px;}
        .aa li{list-style:none;float: left;margin-right: 5px;font-size: 12px;}
        #foot li{list-style:none;float: left;margin-right: 5px;font-size: 12px;}
        #foot a{text-decoration: none;color:white;}
        #fm a{ text-decoration: none;}
        #foot{width:700px;text-align: center;
            margin:0px auto;
            margin-top: 50px;
            font-size: 13px;color: white;}
       </style>
</head>
<body>
<div id="logo">
    <img src="images/logo.png" height="163" width="375"/>
</div>
<div id="fm">
    <form>
        <br>
        <tr>
            <th><span>帐号密码登录</span></th><br><br>
            <th class="tui">推荐使用<a href="#">快速安全登录</a>,防止盗号。</th><br><br>
            <input type="text" placeholder="支持QQ号/邮箱/手机号登录" autofocus><br><br>
            <input type="password" placeholder="密码" autofocus><br><br>
            <input type="button" value="登录"><br><br>

        </tr>
    </form>
     <div class="aa">
         <ul>
             <li>忘了密码? |  </li>
             <li>注册新帐号 |</li>
             <li>意见反馈</li>
         </ul>
     </div>
</div>

<div id="foot">
    <ul>
        <li><a href="#">反馈建议 |  </a></li>
        <li><a href="#">官方空间 | </a></li>
        <li><a href="#"> 空间活动 | </a></li>
        <li><a href="#">空间应用 | </a></li>
        <li><a href="#">腾讯原创馆 |</a></li>
        <li><a href="#">QQ互联 |</a></li>
        <li><a href="#">QQ登录 | </a></li>
        <li><a href="#">社交组件 | </a></li>
        <li><a href="#"> 应用侵权投诉 |</a></li>
        <li><a href="#">Complaint Guidelines</a></li>

    </ul><br>
    <div>Copyright © 2005 - 2018 Tencent.All Rights Reserved.</div>
    <div> 腾讯公司 版权所有 粤网文[2017]6138-1456号</div>

</div>
</body>
</html>

打赏我,让我更有动力~

1 Reply   |  Until 2018-5-23 | 1033 View

Track-方丈
发表于 2018-5-23

通过

评论列表

  • 加载数据中...

编写评论内容
LoginCan Publish Content
返回顶部 投诉反馈

© 2016 - 2022 掌控者 All Rights Reserved.