day04百度搜索结果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        /*顶部导航栏*/
        .top {

            background-color: white;
            position: fixed;
            width: 100%;
            height: 40px;
            z-index: 10;
            margin: 0 auto;
            position: relative;
        }
        .left-box {
            width: 350px;
            border: 1px solid gray;
            margin-left: 10px;
            margin-top: 10px;
        }
        #right-box {
            width: 80px;
            height: 23px;
            background-color: dodgerblue;
            float: left;
            margin-top: 10px;
            text-align: center;
            color: white;
            font-size: 13px;
        }
        input {
            outline: none;
            border: 0;
            width: 200px;
            margin-left: 5px;
        }
        #san  {
            font-size: 12px;
            padding-left: 10px;
            padding-top: 10px;
            text-align: right;
            color: black;
            float: right;
        }
        #san a {
            margin: 0 5px;
        }
        #san a:hover {
            text-decoration: underline;
        }
        /*导航栏*/
        .clearfix{
            zoom: 1;
        }
        nav{
            background-color: #f8f8f8;
            height: 37px;
            line-height: 37px;
            padding-left: 25px;
        }
        ul{
            list-style: none;
        }
        li{
            float: left;
        }
        li a{
            font-size: 13px;
            color: #666;
            padding: 0 10px;
            text-decoration: none;
        }
        li a.active{
            font-weight: bold;
            color: #000;
            padding-bottom: 9px;
            border-bottom: 2px solid #3388ff;

        }
        /*内容*/
        .content {
            width: 46%;
            height: 25px;
            padding-top: 10px;
            padding-left: 7%;
        }
        .content-left {
            font-size: 10px;
            color: #666666;
        }
        .content-right {
            font-size: 10px;
            color: #666666;
        }
        .yi {
            width: 46%;
            height: 500px;
            padding-left: 7%;
            font-size: 13px;


        }
        .yi >a,div{
            float: left;

        }
        #r-box {
            width: 25px;
            height: 15px;
            background-color: dodgerblue;
            margin-top: 2px;
            margin-left: 2px;
            text-align: center;
            color: white;
            font-size: 10px;

        }
        #si {
            font-size: 12px;
            padding-left: 10px;
            padding-top: 1px;
            text-align: right;
            margin-top: -520px;
        }
        #si a {
            margin: 0 5px;
        }
        #si a:hover {
            text-decoration: underline;
        }
        .er {
            width:280px;
            height:28px;
            margin-left: 600px;
            font-size: 12px;
            padding: 10px 20px;
            margin-top: -520px;

        }
    </style>
</head>
<body>
    <div class="top">
        <img src="logo.gif" width="70px" height="40px" style="float: left" >
        <div class="left-box"style="float: left;">
            <input type="text">
        </div>
        <div id="right-box">
            <!--显示百度一下-->
            <a style=" text-align: center;">百度一下</a>
        </div>
        <div id="san">
            <a href="">百度首页</a>
            <a href="">消息</a>
            <a href="">设置</a>
            <a href="">个人中心</a>
        </div>
    </div>
    <div>
    <nav>
        <ul class="clearfix">
            <li><a class="active" 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="#">图片</a></li>
            <li><a href="#">视频</a></li>
            <li><a href="#">地图</a></li>
            <li><a href="#">文库</a></li>
            <li><a href="#">更多»</a></li>
        </ul>
    </nav>


    <div class="content">
        <div class="content-left"style="float: left">百度为您找到相关结果约100,000,000个</div>
        <div class="content-right" style="float: right">搜索工具</div>
    </div>
    <div class="yi">
        <a href=""><span style="color: red;">百度</span><span style="color: blue">一下,你就知道</span></a>
        <div id="r-box">官网</div>
        <br>
        <p style="font-size: 12px;float: left">
            <img src="11.jpg.png"  alt="">
            全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。<span style="color: red;">百度</span>超过千亿的中文网页数据库,可以瞬间找到相关的搜索结果。
        </p>
        <div>
        <a href=""><span style="color: red;">百度</span><span>_</span><span style="color: red;">百度</span><span style="color: blue">百科</span></a>
            <br>
            <img src="22.png" alt=""style="float: left">
            <p><span style="color: red;">百度</span>(纳斯达克:BIDU),全球最大的中文搜索引擎、最大的中文网站。<span style="color: red;">百度</span>愿景是:成为最懂用户,并能帮助人们成长的全球顶级高科技公司。“<span style="color: red;">百度</span>”二字,来自于八百年前南宋词人... </p>
            <div id="si">
                <a href="">发展简史</a>
                <a href="">公司概念</a>
                <a href="">财报数据</a>
                <a href="">产品手册</a>
            </div>
        </div>
        <a href=""><span style="color: red;">百度</span><span style="color: blue">[BIDU]美股实时行情_老虎证券 </span></a>
        <br>
        <img src="33.png" alt=""width="460px"height="300px">

    </div>
        <div style="float:left;width: 1px;height: 300px; background: darkgray;"></div>
        <div class="er"><div style="font-size: 14px;margin-left: 15px"><span>百度高管</span>
            <div style="float: right"><a href="#">展开<img src="11.jpg.png" style="width: 8px;height: 8px;"></a></div>
        </div>
            <div style="margin: 10px 0px 10px 15px; ">
                <img src="11.jpg.png" alt="" style="width: 63px;height: 80px;">
                <img src="11.jpg.png" alt="" style="width: 63px;height: 80px;">
                <img src="11.jpg.png" alt="" style="width: 63px;height: 80px;">
                <img src="11.jpg.png" alt="" style="width: 63px;height: 80px;">
            </div>
            <div style="font-size: 13px">
                <a href="#" style="margin-left: 25px">李彦宏</a>
                <a href="#" style="margin-left: 25px">余正钧</a>
                <a href="#" style="margin-left: 25px">张亚勤</a>
                <a href="#" style="margin-left: 25px">王海峰</a>
            </div>
            <div style="width: 100%;height: 50px">
                <div style="width: 100%;height: 50px;margin-top: 2px">
                    <div style="float: left;margin-left:15px;width: 55px;height:50px;font-size: 12px;color:gainsboro;"><span>百度创始人董事长CEO</span></div>
                    <div style="float: left;margin-left:15px;width: 55px;height:50px;font-size: 12px;color:gainsboro;"><span>百度集团首席财务官</span></div>
                    <div style="float: left;margin-left:15px;width: 55px;height:50px;font-size: 12px;color:gainsboro;"><span>百度总裁</span></div>
                    <div style="float: left;margin-left:15px;width: 55px;height:50px;font-size: 12px;color:gainsboro;"><span>百度集团首席技术官</span></div>
                </div>

            </div>

            <div style="width: 100%;height: 8px;">

            </div>
            <div style="width: 100%;height: 20px;margin-top: 2px;">
                <span style="font-size: 14px;margin-left: 15px">百度旗下产品</span>
                <div style="float: right"><a href="#">展开<img src="11.jpg.png" style="width: 8px;height: 8px;"></a></div>
            </div>
            <div style=" margin: 10px 0 10px 15px">
                <img src="11.jpg.png" alt="" style="width: 63px;height: 70px;">
                <img src="11.jpg.png" alt="" style="width: 63px;height: 70px;">
                <img src="11.jpg.png" alt="" style="width: 63px;height: 70px;">
                <img src="11.jpg.png" alt="" style="width: 63px;height: 70px;">
            </div>
            <div style="font-size: 13px">
                <a href="#"style="margin-left: 20px">百度搜索</a>
                <a href="#"style="margin-left: 15px">百度APP</a>
                <a href="#"style="margin-left: 15px">百度糯米</a>
                <a href="#"style="margin-left: 9px">百度地图</a>
            </div>
            <div style="width: 100%;height: 50px;margin-top: 2px">
                <div style="float: left;margin-left:15px;width: 55px;height:50px;font-size: 12px;color:gainsboro;"><span>全球最大中文搜索引擎</span></div>
                <div style="float: left;margin-left:15px;width: 55px;height:50px;font-size: 12px;color:gainsboro;"><span>有事搜一搜没事他一看</span></div>
                <div style="float: left;margin-left:15px;width: 55px;height:50px;font-size: 12px;color:gainsboro;"><span>本地精品生活指南</span></div>
                <div style="float: left;margin-left:15px;width: 55px;height:50px;font-size: 12px;color:gainsboro;"><span>亿万人在用的专业地图</span></div>
            </div></div>
    </div>

</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值