这篇博客展示了如何使用HTML和CSS复刻百度首页，包括顶部导航栏、搜索框和底部部分。重点在于输入框中相机图标和导航栏悬停效果的实现。
这是原页面。
这是我写的页面，我想请教的问题是原页面中的输入框中有个小相机，在输入框中吧相机怎么写进去。还有原页面导航栏的位置有设置和更多产品，当鼠标在这两个位置的时候，会出现选择的东西，怎么写。
index.html
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>百度一下,你就知道</title>
<link rel="stylesheet" href="css/style.css" type="text/css"/ >
</head>
<body>
<!--百度顶部导航栏 开始-->
<!--百度导航栏 新闻 hao123 地图 视频 贴吧 学术 登陆 设置 更多设置-->
<div class="baidu_nav">
<!--nav导航栏标签-->
<nav class="top_nav">
<a href="javascript:void (0)" class="jiacu">新闻</a>
<a href="javascript:void (0)" class="jiacu">hao123</a>
<a href="javascript:void (0)" class="jiacu">地图</a>
<a href="javascript:void (0)" class="jiacu">视频</a>
<a href="javascript:void (0
最低0.47元/天 解锁文章
扫一扫
8376
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
