如何用html+css 写出百度界面 ---

言云璟

已于 2022-05-26 22:42:04 修改

阅读量1k

点赞数 2

分类专栏：零基础 html css 文章标签： css 前端 html

于 2022-05-25 16:59:04 首次发布

本文链接：https://blog.csdn.net/N_06010/article/details/124969106

版权

如何用html+css 写出百度界面

文章目录

- 如何用html+css 写出百度界面
一、效果如下
二、代码
总结

一、效果如下

在这里插入图片描述

二、代码

代码如下（示例）：
index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./index.css" />
  </head>
  <body>
    <!-- 头部导航 -->
    <!-- 复制一行 直接ctrl +c  ctrl +v -->
    <!--  ul>(li>a)*8    ul>(li>a[herf=#])*8-->
    <div class="nav l">
      <!-- 导航的左边 -->
      <ul>
        <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="#">图片