案列图：
自制效果图：
源代码
<!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>AboutBaidu</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>
