zoukankan      html  css  js  c++  java
  • div布局

    <!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>360</title>
    <style>
    #a{
    border:1px solid #000;
    1000px;
    height:100px;
    top:100px;
    margin:auto;

    }
    #b{
    border:1px solid #000;
    250px;
    height:300px;
    left:175px;
    position:absolute;
    }

    #c{
    border:1px solid #000;
    710px;
    height:400px;
    left:465px;
    position:absolute;}


    #d{
    border:1px solid #000;
    250px;
    height:150px;
    left:175px;
    top:450px;
    position:absolute;

    }

    #e{
    border:1px solid #000;
    710px;
    height:300px;
    left:465px;
    top:550px;
    position:absolute;

    }

    #f{
    border:1px solid #000;
    250px;
    height:1110px;
    left:175px;
    top:620px;

    position:absolute;
    }

    #g{
    border:1px solid #000;
    710px;
    height:850px;
    left:465px;
    top:880px;


    position:absolute;
    }


    </style>


    </head>

    <body >


    <div id="a"><table border="0" cellpadding="0" cellspacing="0" height="30" width="600" align="center">
    <tr>
    <td><a href="http://www.baidu.com">网页</a></td>
    <td ><a href="http://www.baidu.com">新闻</a></td>
    <td ><a href="http://www.baidu.com">视频</a></td>
    <td ><a href="http://www.baidu.com">图片</a></td>
    <td ><a href="http://www.baidu.com">音乐</a></td>
    <td ><a href="http://www.baidu.com">微博</a></td>
    <td ><a href="http://www.baidu.com">地图</a></td>
    <td ><a href="http://www.baidu.com">贴吧</a></td>
    <td ><a href="http://www.baidu.com">机票</a></td>

    </tr>

    </table>

    </div>

    <br />
    <div id="b">b新闻视频</div>
    <div id="c">c好药</div>
    <div id="d">d小广告</div>
    <div id="e">e发现你喜欢</div>
    <div id="f">f猜你爱看</div>
    <div id="g">g</div>


    </body>
    </html>

  • 相关阅读:
    TortoiseGit 连接 git服务器免输入用户名和密码的方法
    mongodb 对参数类型的严格区分
    google API 使用Client Login 登录授权
    GAPI is the Google Analytics PHP5 Interface
    pr导出mp4格式提示无法播放解决方案
    PR如何导出mp4格式的视频
    pr 如何给视频进行加速,慢速处理
    如何用premiere添加配乐?pr视频添加音乐
    操作系统-银行家算法
    操作系统 内存分配算法
  • 原文地址:https://www.cnblogs.com/yuchao19950412/p/5310783.html
Copyright © 2011-2022 走看看