<!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>
day04百度搜索结果
最新推荐文章于 2024-07-09 12:57:38 发布