<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>百度搜索界面</title>
<style>
#box {
width: 100%;
height: 100%;
}
#top {
width: 100%;
height: 45px;
}
#top-left {
width: 800px;
height: 45px;
float: left;
}
#top-left-img {
width: 110px;
height: 45px;
margin-left: 5px;
float: left;
}
#top-left-left {
width: 500px;
height: 30px;
float: left;
border: 1px solid gainsboro;
margin: 5px auto;
position: relative;
}
#top-left-left:active{
border: 0;
}
#top-left-right {
width: 100px;
height: 30px;
float: left;
color: white;
background-color: dodgerblue;
text-align: center;
line-height: 30px;
margin-top: 6px;
}
input {
padding: 0;
border: 0;
width: 500px;
height: 30px;
outline: none;
margin-left: 5px;
}
#pic {
position: absolute;
top: 2px;
right: 0;
}
#top-right {
width: 160px;
height: 45px;
float: right;
}
.right {
color: black;
font-size: 12px;
line-height: 45px;
}
#nums-inner {
width: 100%;
height: 84px;
}
#nums-b{
background-color: #f8f8f8;
width: 100%;
height:38px ;
}
#nums-inner1{
width: 100%;
height: 38px;
margin-left: 120px;
}
#nums-inner2{
width:100%;
height: 46px;
margin-left: 120px;
}
.inner{
color: #666;
font-size: 14px;
text-decoration: none;
text-align: center;
line-height: 34px;
display: inline-block;
}
#main{
word-break: break-all;
word-wrap: break-word;
position: relative;
width: 100%;
height: 100%;
}
#main-right{
width: 400px;
height: 956px;
margin-top: 30px;
border-left: 1px solid #e1e1e1;
float: right;
padding-left: 17px;
}
.con-ar{
width: 259px;
height: 916px;
}
.title{
width: 259px;
height: 18px;
position: relative;
}
.main1{
width: 259px;
height: 139px;
margin-top: 10px;
margin-bottom: 28px;
}
.main1-left{
width: 75px;
height: 139px;
text-align: center;
float: left;
margin-right: 11px;
}
.main1-left-t{
width: 75px;
height: 75px;
}
.main1-left-m{
width: 75px;
height: 20px;
text-align: center;
margin-top: 5px;
font-size: 13px;
}
.main1-left-z{
width: 70px;
height: 36px;
text-align: center;
margin: 3px auto 0;
font-size: 12px;
line-height: 18px;
color: #999;
}
#main-top-left{
width: 300px;
height: 42px;
float: left;
}
#main-top-right{
width: 750px;
height: 42px;
float: right;
}
#main-left{
width: 538px;
height: 1837px;
padding-left: 121px;
padding-top: 5px;
}
.main-left-top{
width: 538px;
height: 109px;
margin-bottom: 14px;
font-size: 13px;
line-height: 1.54;
word-wrap: break-word;
word-break: break-all;
}
.main-mid{
width: 538px;
height: 80px;
margin-bottom: 14px;
}
.main-mid-left{
width: 121px;
height: 75px;
float: left;
}
.main-mid-right{
width: 397px;
height: 80px;
float: right;
}
.main-mid-right-one{
width: 397px;
height: 60px;
}
.main-mid-right-two{
width: 397px;
height: 20px;
}
.main-a{
width: 538px;
height: 212px;
font-size: 13px;
line-height: 1.54;
margin-bottom: 14px;
word-wrap: break-word;
word-break: break-all;
}
.main-q{
width: 538px;
height: 121px;
}
.main-w{
width: 121px;
height: 121px;
float: left;
}
.main-e{
width: 397px;
height: 120px;
float: right;
}
.main-r{
width: 397px;
height: 80px;
}
.main-t{
width: 397px;
height: 20px;
}
.main-y{
width: 397px;
height: 20px;
}
.a{
font-size: 12px;
line-height: 42px;
color: #999;
}
.b{
font-size: 12px;
line-height: 42px;
color: #666;
}
.c{
float: right;
font-size: 13px;
font-weight: 400;
color: #0000cc;
}
.d{
font-size: 14px;
line-height: 1.29;
font-weight: 700;
color: #333;
}
.t{
font-weight: 400;
font-size: medium;
margin-bottom: 1px;
}
.r{
color: #c00;
}
.bl{
color: #0000cc;
}
.e {
text-decoration: none;
padding-left: 5px;
padding-right: 5px;
background-color: #2b99ff;
color: white;
font-size: 12px;
text-align: center;
line-height: 100%;
}
.f{
color: #008000;
}
.g{
color: #666;
}
</style>
</head>
<body>
<div id="box">
<div id="top" style="border-bottom: 1px solid #ebebeb">
<div id="top-left">
<div id="top-left-img">
<img src="//www.baidu.com/img/baidu_jgylogo3.gif" height="33" width="100" alt="到百度首页"
title="到百度首页"/>
<!-- <img src="//www.baidu.com/img/baidu_resultlogo@2.png" height="66" width="202" alt="到百度首页" title="到百度首页"/>-->
</div>
<div id="top-left-left">
<input type="text">
<img src="xiangji.JPG" height="28" width="40" id="pic"/></div>
<div id="top-left-right">
<span>百度一下</span>
</div>
</div>
<div id="top-right">
<a href="#" class="right">百度首页</a>
<a href="#" class="right">设置</a>
<a href="https://passport.baidu.com/v2/?login&tpl=mn&u=http%3A%2F%2Fwww.baidu.com%2F&sms=5" class="right">登录</a>
</div>
</div>
<div id="nums-inner" >
<div id="nums-b">
<div id="nums-inner1">
<a href="http://localhost:63342/9.06day04/baidu-sousuo.html?_ijt=6tf4cjqr257dj8o4esv21o4n3h"class="inner">网页</a>
<a href="https://www.baidu.com/s?rtt=1&bsst=1&cl=2&tn=news&word=%E7%99%BE%E5%BA%A6"class="inner">资讯</a>
<a href="https://www.baidu.com/sf/vsearch?pd=video&tn=vsearch&lid=8e4187c9000346a5&ie=utf-8&wd=%E7%99%BE%E5%BA%A6&rsv_spt=7&rsv_bp=1&f=8&oq=%E7%99%BE%E5%BA%A6&rsv_pq=8e4187c9000346a5&rsv_t=278foxlYp%2FqWKypJc8P4mqlnL2bSZzIxD2WXC7kr1BvmaKHvKOKRbQmPPMs"class="inner">视频</a>
<a href="http://image.baidu.com/search/index?tn=baiduimage&ps=1&ct=201326592&lm=-1&cl=2&nc=1&ie=utf-8&word=%E7%99%BE%E5%BA%A6" class="inner">图片</a>
<a href="https://zhidao.baidu.com/search?ct=17&pn=0&tn=ikaslist&rn=10&fr=wwwt&word=%E7%99%BE%E5%BA%A6"class="inner">知道</a>
<a href="https://wenku.baidu.com/search?lm=0&od=0&ie=utf-8&word=%E7%99%BE%E5%BA%A6"class="inner">文库</a>
<a href="http://tieba.baidu.com/f?fr=wwwt&kw=%E7%99%BE%E5%BA%A6"class="inner"class="inner">贴吧</a>
<a href="https://b2b.baidu.com/s?fr=wwwt&q=%E7%99%BE%E5%BA%A6"class="inner">采购</a>
<a href="https://b2b.baidu.com/s?fr=wwwt&q=%E7%99%BE%E5%BA%A6"class="inner">地图</a>
<a href="https://www.baidu.com/more/"class="inner">更多》</a>
</div>
</div>
<div id="nums-inner2">
<div id="main-top-left" class="a">
百度为您找到相关结果约100，000，000个
</div>
<div id="main-top-right">
<img src="QQ图片20190907235007.png" height="15" width="15" style="padding-top: 3px"/>
<span class="b">搜索工具</span>
</div>
</div>
</div>
<div id="main">
<div id="main-right">
<div class="con-ar">
<div class="title">
<span class="d">百度高管</span>
<a href="" class="c">展开
<img src="QQ图片20190908135011.png" height="18" width="24" class="c"/>
</a>
</div>
<div class="main1">
<div class="main1-left">
<div class="main1-left-t">
<a href="https://www.baidu.com/s?rsv_idx=1&wd=%E6%9D%8E%E5%BD%A6%E5%AE%8F&usm=5&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&cq=%E7%99%BE%E5%BA%A6&srcid=20910&rt=%E7%99%BE%E5%BA%A6%E9%AB%98%E7%AE%A1&recid=20826&euri=b1f02a70c8e5407bbee068f493457e51"><img src="u=3210116116,2698637809&fm=58.jpg" height="75" width="75"/></a>
</div>
<div class="main1-left-m">
<a href="https://www.baidu.com/s?rsv_idx=1&wd=%E6%9D%8E%E5%BD%A6%E5%AE%8F&usm=5&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&cq=%E7%99%BE%E5%BA%A6&srcid=20910&rt=%E7%99%BE%E5%BA%A6%E9%AB%98%E7%AE%A1&recid=20826&euri=b1f02a70c8e5407bbee068f493457e51">李彦宏</a>
</div>
<div class="main1-left-z">
<span>百度创始人董事长CEO</span>
</div>
</div>
<div class="main1-left">
<div class="main1-left-t">
<a href="https://www.baidu.com/s?rsv_idx=1&wd=%E4%BD%99%E6%AD%A3%E9%92%A7&usm=5&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&cq=%E7%99%BE%E5%BA%A6&srcid=20910&rt=%E7%99%BE%E5%BA%A6%E9%AB%98%E7%AE%A1&recid=20826&euri=4efc8ef50e8f4beeaa8f323a84d714b7"><img src="下载.jpg" height="75" width="75"/></a>
</div>
<div class="main1-left-m">
<a href="https://www.baidu.com/s?rsv_idx=1&wd=%E4%BD%99%E6%AD%A3%E9%92%A7&usm=5&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&cq=%E7%99%BE%E5%BA%A6&srcid=20910&rt=%E7%99%BE%E5%BA%A6%E9%AB%98%E7%AE%A1&recid=20826&euri=4efc8ef50e8f4beeaa8f323a84d714b7">余正钧</a>
</div>
<div class="main1-left-z">
<span>百度集团首席财务官</span>
</div>
</div>
<div class="main1-left">
<div class="main1-left-t">
<a href="https://www.baidu.com/s?rsv_idx=1&wd=%E5%BC%A0%E4%BA%9A%E5%8B%A4&usm=5&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&cq=%E7%99%BE%E5%BA%A6&srcid=20910&rt=%E7%99%BE%E5%BA%A6%E9%AB%98%E7%AE%A1&recid=20826&euri=986001f11e4342de8f86cf5a3dce626a"><img src="下载%20(1).jpg" height="75" width="75"/></a>
</div>
<div class="main1-left-m">
<a href="https://www.baidu.com/s?rsv_idx=1&wd=%E5%BC%A0%E4%BA%9A%E5%8B%A4&usm=5&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&cq=%E7%99%BE%E5%BA%A6&srcid=20910&rt=%E7%99%BE%E5%BA%A6%E9%AB%98%E7%AE%A1&recid=20826&euri=986001f11e4342de8f86cf5a3dce626a">张亚勤</a>
</div>
<div class="main1-left-z">
<span>百度总裁</span>
</div>
</div>
</div>
<div class="title">
<span class="d">百度旗下产品</span>
<a href="" class="c">展开
<img src="QQ图片20190908135011.png" height="18" width="24" class="c"/>
</a>
</div>
<div class="main1">
<div class="main1-left">
<div class="main1-left-t">
<a href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%99%BE%E5%BA%A6%E6%90%9C%E7%B4%A2&usm=5&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=295b64828f794c0e857ccf5899c796b1"><img src="下载%20(2).jpg" height="75" width="75"/></a>
</div>
<div class="main1-left-m">
<a href="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=%E7%99%BE%E5%BA%A6&rsv_pq=e1ca29ea00153563&rsv_t=f8e15ROnjbXQ%2BP6Iqg%2FBfF2gBCPEwGXKj4xRTk%2B48KZrFY9eWziXPuP0Eow&rqlang=cn&rsv_enter=1&rsv_dl=tb&rsv_sug3=7&rsv_sug1=6&rsv_sug7=101&rsv_sug2=0&inputT=3592&rsv_sug4=6008">百度搜索</a>
</div>
<div class="main1-left-z">
<span>全球最大中文搜索引擎</span>
</div>
</div>
<div class="main1-left">
<div class="main1-left-t">
<a href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%99%BE%E5%BA%A6APP&usm=5&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=f268c7a9c79441c4a5b1a6630fbffd48"><img src="下载%20(3).jpg" height="75" width="75"/></a>
</div>
<div class="main1-left-m">
<a href="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=%E7%99%BE%E5%BA%A6&rsv_pq=e1ca29ea00153563&rsv_t=f8e15ROnjbXQ%2BP6Iqg%2FBfF2gBCPEwGXKj4xRTk%2B48KZrFY9eWziXPuP0Eow&rqlang=cn&rsv_enter=1&rsv_dl=tb&rsv_sug3=7&rsv_sug1=6&rsv_sug7=101&rsv_sug2=0&inputT=3592&rsv_sug4=6008">百度APP</a>
</div>
<div class="main1-left-z">
<span>有事搜一搜没事看一看</span>
</div>
</div>
<div class="main1-left">
<div class="main1-left-t">
<a href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%99%BE%E5%BA%A6%E7%B3%AF%E7%B1%B3&usm=5&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=2cb07d68a2f442fdb36cd6be790c2ed2"><img src="u=1395488884,2963423471&fm=58.jpg" height="75" width="75"/></a>
</div>
<div class="main1-left-m">
<a href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%99%BE%E5%BA%A6%E7%B3%AF%E7%B1%B3&usm=5&ie=utf-8&rsv_cq=%E7%99%BE%E5%BA%A6&rsv_dl=0_right_recommends_merge_20826&euri=2cb07d68a2f442fdb36cd6be790c2ed2">百度糯米</a>
</div>
<div class="main1-left-z">
<span>本地精品生活指南</span>
</div>
</div>
</div>
</div>
</div>
<div id="main-left">
<div class="main-left-top">
<h3 class="t">
<a href="https://www.baidu.com/"><span class="r">百度</span><span class="bl">一下,你就知道</span></a>
<a href="https://trust.baidu.com/vstar/official/intro?type=gw" class="e">官网</a>
</h3>
<div class="main-mid">
<div class="main-mid-left">
<a href="https://www.baidu.com/"><img src="baidu.jpg" height="75" width="121"/></a>
</div>
<div class="main-mid-right">
<div class="main-mid-right-one">
全球最大的中文搜索引擎、致力于让网民更便捷地获取信息，找到所求。<span class="r">百度</span>超过千亿的中文网页数据库，可以瞬间找到相关的搜索结果。
</div>
<div class="main-mid-right-two">
<a href="https://www.baidu.com/" class="f">https://www.baidu.com/ </a>
<a href="" class="g">百度快照
<span class="g">-</span>
<a href="" class="g">7616条评论</a>
</a>
</div>
</div>
</div>
</div>
<div class="main-a">
<h3 class="t">
<a href="https://baike.baidu.com/item/%E7%99%BE%E5%BA%A6/6699?fr=aladdin"><span class="r">百度</span><span class="bl" style="text-decoration: underline">_</span><span class="r">百度</span><span class="bl">百科</span></a>
</h3>
<div class="main-q">
<div class="main-w">
<img src="u=1593486624,3032607273&fm=58&bpow=540&bpoh=540.jpg" height="121" width="121"/></div>
<div class="main-e">
<div class="main-r">
<span class="r">百度</span>（纳斯达克：BIDU），全球最大的中文搜索引擎、最大的中文网站。1999年底,身在美国硅谷的李彦宏看到了中国互联网及中文搜索引擎服务的巨大发展潜力，抱着技术改变世界的梦想，他毅然辞掉硅谷的高薪工作，携搜索引擎专利技术，于 2000年...
</div>
<div class="main-t " >
<a href="" class="bl">发展简史</a>
<a href="" class="bl">财报数据</a>
<a href="" class="bl">产品手册</a>
<a href="" class="bl">公司理念</a>
<a href="" class="bl">多语言化</a>
<a href="" class="bl">更多>></a>
</div>
<div class="main-y">
<span class="f">baike.baidu.com/</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）