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

  • 相关阅读:
    第十三周课程总结
    第十二周学习总结
    第十一周课程总结
    第十周课程总结
    第九周课程总结&实验报告(七)
    第八周课程总结&实验报告(六)
    第七周课程总结&实验报告(五)
    第六周学习总结&java实验报告四
    课程总结
    第十四周学习总结&课程实验报告
  • 原文地址:https://www.cnblogs.com/yuchao19950412/p/5310783.html
Copyright © 2020-2023  润新知