baidu
程序员文章站
2024-01-20 22:05:58
...
在这里插入代码片
```<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.container {
width: 640px;
position: absolute;
left: 120px;
top: 10px;
/*background-color: pink;*/
}
.container > div {
float: left;
}
.left-box {
width: 538px;
height: 34px;
/*background-color: greenyellow;*/
border: 1px solid #3385ff;
}
.right-box {
height: 36px;
width: 100px;
background-color: cornflowerblue;
text-align: center;
line-height: 36px;
color: #fff;
}
input {
outline: none;
border: 0;
height: 32px;
width: 500px;
margin-left: 5px;
}
.a{
height: 40px;
background-color: #f8f8f8;
clear: left;
border-top:solid 1px wheat;
border-bottom: solid 1px wheat;
width: auto;
}
.b{
width: 54px;
display:inline-block;
text-align: center;
}
</style>
</head>
<body>
<div style="height: 55px">
<div style="float: left">
<img src="//www.baidu.com/img/[email protected]" width="101px" height="33px">
</div>
<div class="container" >
<div class="left-box" style="float: left">
<input type="text">
<img src="" alt="">
<!-- 显示细线，文本框，相机图标-->
</div>
<div class="right-box">
百度一下
<!-- 显示百度一下-->
</div>
</div>
</div>
<div class="a" >
<div style="position: absolute;left: 130px;top: 73px;">
<b style="border-bottom: 2px solid #38f;text-align: center; height: 36px ;width: 54px" >网页</b>
<a style="width: 54px;display:inline-block;text-align: center; height: 36px">咨询</a>
<a class="b" >视频</a>
<a class="b" >图片</a>
<a class="b">知道</a>
<a class="b">文库</a>
<a class="b">贴吧</a>
<a class="b">采购</a>
<a class="b">地图</a>
<a class="b">更多</a>
</div>
</div>
<div>
<a href="https://www.baidu.com/" style="position: absolute;left: 120px;top: 140px;">百度一下，你就知道</a>
<img src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=2920084749,2018893236&fm=58&s=39C718720E8EBE011B398BAC0300F024&bpow=121&bpoh=75"
style="position: absolute;left: 120px;top: 160px;">
</div>
<div style="position: absolute;left: 270px;top: 160px;margin: 0 auto ;font-size: 13px;">
<p style="line-height:4px;">全球最大的中文搜索引擎、致力于让网民更便捷地获取信息，找到所求。</p>
<p style="line-height:4px;">网民更便捷地获取信息，找到所求。超过千亿的中文网页数据库，</p>
<p style="line-height:4px;">可以瞬间找到相关的搜索结果。</p>
<a href="https://www.baidu.com/" style="text-decoration: none;">https://www.baidu.com/</a>
<a > 百度快照-768753评论</a>
</div>
<div>
<a href="https://www.baidu.com/" style="position: absolute;left: 120px;top: 280px;">百度，百度百科</a>
<img src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=2920084749,2018893236&fm=58&s=39C718720E8EBE011B398BAC0300F024&bpow=121&bpoh=75"
style="position: absolute;left: 120px;top: 300px;">
</div>
<div style="position: absolute;left: 270px;top: 300px;margin: 0 auto ;font-size: 13px;">
<p style="line-height:4px;">百度（纳斯达克：BIDU），全球最大的中文搜索引擎、最大的中文网</p>
<p style="line-height:4px;">站。百度愿景是：成为最懂用户，并能帮助人们成长的全球*高科</p>
<p style="line-height:4px;">技公司。“百度”二字，来自于八百年前南宋词人...</p>
<a href="https://www.baidu.com/">发展历史</a>
<a href="https://www.baidu.com/">公司理念</a>
<a href="https://www.baidu.com/">财报数据</a>
<a href="https://www.baidu.com/">产品手册</a>
<a href="https://www.baidu.com/">多语言话</a>
</div>
<div>
<img src="bd.png" style="width: 786px ;height: 467px;position: absolute;left: 108px;top: 420px;">
</div>
<img src="bb.png" style="position: absolute;left: 960px;top: 120px;width: 540px;height: 790px;">
</body>
</html>
————————————————
版权声明：本文为CSDN博主「xiedehai00」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_45607503/article/details/100635881