前端复刻百度网址精简版HTML+CSS

发布于:2024-07-11 ⋅ 阅读:(173) ⋅ 点赞:(0)

案列图:

自制效果图:

源代码

<!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>