day4

最新推荐文章于 2022-01-18 19:45:34 发布
Gavinorb
最新推荐文章于 2022-01-18 19:45:34 发布
阅读量79
点赞数
本文链接：https://blog.csdn.net/Gavinorb/article/details/100634688
版权
<!DOCTYPE html>
       <html lang="en">
                      <head>
                      <meta charset="UTF-8">
                                           <title>Title</title>
                                                         <style>
                                                         #container {
                                                             width: 640px;
                                                             height: 35px;
                                                             float: left;
                                                             padding: 13px 0px 0px 10px;
                                                         }
    #i {
        width: 98.6px;
        height: 33px;
        float: left;
        padding: 10px 0px 0px 2.4px;
    }
    #a {
        width: 100%;
        height: 55px;
        padding: 0px 0px 0px 10px;
    }
    #left-box {
        width: 530px;
        height: 32px;
        border: 1px solid gainsboro;
        float: left;
        position: relative;
    }
    #right-box {
        width: 100px;
        height: 34px;
        background-color: #3385ff;
        float: left;
        text-align: center;
        color: #fff;
        line-height: 34px;
    }
    input {
        padding: 0;
        border: 0;
        height: 32px;
        width: 470px;
        margin-left: 5px;
        outline:none ;
    }
    #pic {
        right: 0px;
        top: 0px;
        position:absolute;
        width: 40px;
        height: 27px;
    }
    #b {
        font-size: 12px;
        padding: 15px 20px 0px 0px;
        float: right;
    }
    #c {
        width: 100%;
        height: 38px;
        background-color: #f8f8f8;
    }
    #d {
        padding: 5px 0px 0px 120px;
        float: left;
        text-align: center;
    }
    .e{
        width: 54px;
        height: 36px;
        padding: 0px 0px 0px 20px;
        font-size: 15px;
        text-decoration:none;
        color: gray;

    }
    #e {
        font-size: 12px;
        color: gainsboro;
        width: 538px;
        height: 28px;
        margin:9px 0px 0px 121px;
    }
    #f {
        width: 100%;
        height: 1757px;
        margin:9px 0px 0px 121px;
    }
    #g {
        width: 550px;
        height: 1757px;

    }
    #h {
        width: 360px;
        height: 962px;
        float: right;
        border-left:1px solid gainsboro;
        margin-top: -1760px;
        margin-right: 384px;

    }

</style>
</head>
<body style="margin: 0 auto">
<div  id="a">
<img src="http:www.baidu.com/img/baidu_resultlogo@2.png"  id="i"/>
<div id="container">
    <div id="left-box">
        <input type="text" value="百度">
        <img src="a3.png" id="pic"alt="" style="margin-top: 3px;">
    </div>
    <div id="right-box">
        百度一下
    </div>
</div>
<div id="b">
    <a href="">百度首页</a>&nbsp;
    <a href="">设置</a>▼&nbsp;&nbsp;&nbsp;
    <a href="">登录</a>&nbsp;
</div>
<div style="clear: both"></div>
</div>
<div id="c">
<div id="d" ><a href=""></a>
    <a href="" class="e"
       style="border-bottom: 2px solid blue;
       padding-bottom:11px;
       font-weight: 700;
       padding-left: 1px;
       color: black;">网页</a>
    <a href="" class="e">资讯</a>
    <a href="" class="e">视频</a>
    <a href="" class="e">图片</a>
    <a href="" class="e">知道</a>
    <a href="" class="e">文库</a>
    <a href="" class="e">贴吧</a>
    <a href="" class="e">采购</a>
    <a href="" class="e">地图</a>
    <a href="" class="e">更多»</a>
</div>
<div style="clear: both"></div>
</div>
<div id="e">
<span>百度为您找到相关结果约100,000,000个</span>
<div style="float: right;">
<a href="" style="text-decoration:none;">
<img src="b.jpg" width="14" height="14" style="position:relative;top:3px;">
<span style="color: black">搜索工具</span>
</a>
</div>
<div style="clear: both"></div>
</div>
<div id="f">
<div id="g">
    <div>
    <a href="" style="float: left"><span style="color: red">百度</span><span style="color: blue">一下</span>
        <span>,</span> <span style="color: blue">你就知道</span></a>
    <div style="float: left;width: 33px;height: 17px;
    background-color: #3385ff;color: white;font-size: 13px;
    margin-left: 10px;margin-top: 2px">&nbsp;官网</div>
    <div style="clear: both;"></div>
    <div>
        <img src="http:www.baidu.com/img/baidu_resultlogo@2.png" width="130px"
        height="40px" style=" padding: 20px 0px 0px 2.4px;float: left">
        <div style="font-size: 13px;padding-left: 150px;padding-top: 5px;">
            全球最大的中文搜索引擎、致力于让网民更便捷地获取信息
            ，找到所求。
        <span style="color: red">百度</span>
            超过千亿的中文网页数据库，可以瞬间找到相关的搜索结果。</div>
        <a href="https://www.baidu.com/ " style="font-size: 13px;
        padding-left: 20px;color: green;float: left;text-decoration:none;"> https://www.baidu.com/ </a>
        <a href="" style="color: green;font-size:5px;text-decoration:none;">&nbsp;&nbsp;▼</a>
        <a href="" style="font-weight: 700;color: orange;text-decoration:none;">V₃</a>
        <span>-</span>
        <a href=""  style="font-size: 13px;color: gray">百度快照</a>
        <span>-</span>
        <a href=""  style="font-size: 13px;color: gray">7616条评论</a>
    </div>
</div>

    <div style="padding-top: 20px">
        <a href="" style="float: left"><span style="color: red">百度</span><span style="color: blue"> </span>
            <span style="color: red">百度</span><span style="color: blue">百科</span></a>
        <div style="clear: both;"></div>
        <div>
            <img src="http:www.baidu.com/img/baidu_resultlogo@2.png" width="130px"
                 height="40px" style=" padding: 20px 0px 0px 2.4px;float: left">
            <div style="font-size: 13px;padding-left: 150px;padding-top: 5px;">
                <span style="color: red">百度</span>
                （纳斯达克：BIDU），全球最大的中文搜索引擎、最大的中文网站。。
                <span style="color: red">百度</span>
                愿景是：成为最懂用户，并能帮助人们成长的全球顶级高科技公司。“
                <span style="color: red">百度</span>
                ”二字，来自于八百年前南宋词人...</div>
            <a href="" style="font-size: 13px; margin-left:20px;color: blue ">发展简史</a>
            <a href="" style="font-size: 13px;color: blue">公司理念</a>
            <a href="" style="font-size: 13px;color: blue">财报数据</a>
            <a href="" style="font-size: 13px;color: blue">产品手册</a>
            <a href="" style="font-size: 13px;color: blue">多语言化</a>
            <a href="" style="font-size: 13px;color: blue"> 更多>></a>
            <div style=" border-left:2px solid #3385ff;
            font-size: 14px;margin-left: 150px;">
                <p style="padding-left:10px; ">关注点：
                    <a href="" style="font-size: 13px;color: blue">2019百度AI开发者大会</a></p>

            </div>
            <a href="baike.baidu.com/ " style="font-size: 13px;
             padding-left: 150px;color: green;
             float: left;text-decoration:none;"> baike.baidu.com/  </a>
            <a href="" style="color: green;font-size:5px;text-decoration:none;">&nbsp;&nbsp;▼</a>
        </div>
    </div>

</div>
<div id="h">
    <div style="font-weight: 700;font-size: 13px;margin-left: 20px;">百度高管
        <a href=""style="float: right;font-weight:700;color:blue;
            text-decoration:none;">&nbsp;V</a>
        <a href=""style="float: right;font-weight:500;color: blue">展开</a>
        </div>

        <div style="float: left">
            <img src="c.jpg" width="70px" height="70px"style="margin-top: 10px;
            margin-left: 20px;">
        </div>
        <div style="float: left">
            <img src="d.jpg" width="70px" height="70px"style="margin-top: 10px;
            margin-left: 20px;">
        </div>
        <div style="float: left">
            <img src="f.jpg" width="70px" height="70px"style="margin-top: 10px;
            margin-left: 20px;">
        </div>
        <div>
            <img src="e.jpg" width="70px" height="70px"style="margin-top: 10px;
            margin-left: 20px;">
        </div>
        <div><a href="" style="font-size: 13px;margin-top: 10px;
            margin-left: 30px;color: blue;">李彦宏</a>
            <a href="" style="font-size: 13px;margin-top: 10px;
            margin-left: 50px;color: blue;">余正钧</a>
            <a href="" style="font-size: 13px;margin-top: 10px;
            margin-left: 50px;color: blue;">王海峰</a>
            <a href="" style="font-size: 13px;margin-top: 10px;
            margin-left: 50px;color: blue;">沈抖</a>
        </div>
        <div style="width: 70px;height: 50px;font-size: 12px;
            margin-top: 10px;
            margin-left: 20px;float: left;color: gray;">
            百度创始人董事长CEO</div>
        <div style="width: 70px;height: 50px;font-size: 12px;
            margin-top: 10px;
            margin-left: 20px;float: left;color: gray;">
            百度集团首席财务官</div>
        <div style="width: 70px;height: 50px;font-size: 12px;
            margin-top: 10px;
            margin-left: 21px;float: left;color: gray;">
            百度总裁</div>
        <div style="width: 70px;height: 50px;font-size: 12px;
            margin-top: 10px;
            margin-left: 19px;float: left;color: gray;">
            百度集团首席技术官</div>

    <div style="font-weight: 700;font-size: 13px;margin-left: 20px;">百度高管
        <a href=""style="float: right;font-weight:700;color:blue;
            text-decoration:none;">&nbsp;V</a>
        <a href=""style="float: right;font-weight:500;color:blue; ">展开</a>
    </div>

    <div style="float: left">
        <img src="2.jpg" width="70px" height="70px"style="margin-top: 10px;
            margin-left: 20px;">
    </div>
    <div style="float: left">
        <img src="1.jpg" width="70px" height="70px"style="margin-top: 10px;
            margin-left: 20px;">
    </div>
    <div style="float: left">
        <img src="3.jpg" width="70px" height="70px"style="margin-top: 10px;
            margin-left: 20px;">
    </div>
    <div>
        <img src="5.jpg" width="70px" height="70px"style="margin-top: 10px;
            margin-left: 20px;">
    </div>
    <div><a href="" style="font-size: 13px;margin-top: 10px;
            margin-left: 30px;color: blue;">百度搜索</a>
        <a href="" style="font-size: 13px;margin-top: 10px;
            margin-left: 35px;color: blue;">百度APP</a>
        <a href="" style="font-size: 13px;margin-top: 10px;
            margin-left: 35px;color: blue;">百度糯米</a>
        <a href="" style="font-size: 13px;margin-top: 10px;
            margin-left: 35px;color: blue;">百度地图</a>
    </div>
    <div style="width: 70px;height: 50px;font-size: 12px;
            margin-top: 10px;
            margin-left: 22px;float: left;color: gray;">
        全球最大中文搜索引擎</div>
    <div style="width: 70px;height: 50px;font-size: 12px;
            margin-top: 10px;
            margin-left: 20px;float: left;color: gray;">
        有事搜一搜没事看一看</div>
    <div style="width: 70px;height: 50px;font-size: 12px;
            margin-top: 10px;
            margin-left: 20px;float: left;color: gray;">
        本地精品生活指南</div>
    <div style="width: 70px;height: 50px;font-size: 12px;
            margin-top: 10px;
            margin-left: 18px;float: left;color: gray;">
        亿万人在用的专业地图</div>
    <div>
    </div>
    
</div>
</div>
</body>
</html>