案列图：
自制效果图：
源代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>百度一下，你就知道</title>
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="reset.css">
</head>
<body>
<div class="header">
<div class="header-left ">
<ul class="ul-l clearfix">
<li><a href="">新闻</a></li>
<li><a href="">hao123</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>
</div>
<div class="header-right">
<ul class="ul-r clearfix">
<li><a href="">smile莫笑啊</a></li>
<li><a href="">设置</a></li>
<li><a href="">成都</a></li>
<li><a href="">AI</a></li>
</ul>
</div>
</div>
<div class="imga">
<img src="./img/logo_redBlue-0a7c20fcaa.png" alt="">
</div>
<div class="main">
</div>
<div class="footer">
<span>关于百度</span><span>About
Baidu</span><span>使用百度前必读</span><span>帮助中心</span><span>企业推广</span><span>京公网安备11000002000001号</span><span>京ICP证030173号</span><span>互联网新闻信息服务许可证11220180008</span><span>网络文化经营许可证：
京网文〔2023〕1034-029号</span><span>信息网络传播视听节目许可证 0110516</span>
</div>
</body>
</html>