时间：2023-07-24 18:33:01 | 来源：网站运营
时间：2023-07-24 18:33:01 来源：网站运营
用html+css制作百度首页：
在线咨询
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>百度一下，你就知道</title> <style> /* 顶部内容 */ .head,.foot{font-size: 13px;} .head_left{position: absolute;top: 20px;left: 17px;} .head_right{position: absolute;top: 20px;right: 30px;} .head a{text-decoration:none;color: black;cursor: pointer;} .head a:hover{color: blue;} /* 中间内容 */ .body{text-align: center;position: relative;} img{height: 130px;margin-top: 113px;margin-right: 16px;cursor: pointer;} .text{width: 546px;height: 38px;position:absolute; margin: 15px -335px;border-radius: 10px 0 0 10px;border-color: rgb(0, 102, 255);} .submit{width: 108px;height: 44px;color: white;background-color: royalblue;cursor: pointer;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 262px 923px; border-radius: 0 10px 10px 0;font-size: 17px;} .submit:hover{background-color: rgb(0, 89, 205);} /* 底部内容 */ .foot_left{position: absolute;bottom: 15px;left: 25px;} .foot_right{position: absolute;bottom: 15px;right: 20px;color: gray;} .foot a{color: gray;text-decoration: none;} .foot a:hover{color: black;} </style></head><body> <!-- 顶部内容 --> <div class="head"> <div class="head_left"> <a href="" target="_blank">新闻</a> <a href="" target="_blank">hao123</a> <a href="" target="_blank">地图</a> <a href="" target="_blank">视频</a> <a href="" target="_blank">贴吧</a> <a href="" target="_blank">学术</a> <a href="" target="_blank">更多</a> </div> <div class="head_right"> <a href="" target="_blank">杭州</a> </div> </div> <!-- 中间内容 --> <div class="body"> <img src="百度.png" alt="baidu" title="点击一下，了解更多"> <form action="http://www.baidu.com"> <input type="text" class="text"> <input type="submit" value="百度一下" class="submit"> </form> </div> <!-- 底部内容 --> <div class="foot"> <div class="foot_left"> <a href="" target="_blank">设为首页</a> <a href="" target="_blank">关于百度</a> <a href="" target="_blank">About Baidu</a> <a href="" target="_blank">百度营销</a> <a href="" target="_blank">使用百度前必读</a> <a href="" target="_blank">意见反馈</a> <a href="" target="_blank">帮助中心</a> </div> <div class="foot_right"> <span>©2020 Baidu</span> <span>(京)-经营性-2017-0020</span> <a href="" target="_blank">京公网安备11000002000001号</a> <span>京ICP证030173号</span> </div> </div></body></html>好多细节都还不知道怎么做，暂时做成这样，等到以后实力进步了再回来补充吧关键词：
