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>

  • 相关阅读:
    CS 165 notes
    使用GDB和Valgrind调试C程序
    vi编辑器的学习使用(十四)
    vi编辑器的学习使用(十三)
    vi编辑器的学习使用(十)
    vi编辑器的学习使用(十九)
    vi编辑器的学习使用(十八)
    vi编辑器的学习使用(十一)
    vi编辑器的学习使用(十七)
    vi编辑器的学习使用(十五)
  • 原文地址:https://www.cnblogs.com/yuchao19950412/p/5310783.html
Copyright © 2011-2022 走看看