使用css实现二级导航栏

最新推荐文章于 2024-09-03 14:06:51 发布

常棋

最新推荐文章于 2024-09-03 14:06:51 发布

阅读量3.2k

点赞数 5

文章标签： html css 二级导航栏

本文链接：https://blog.csdn.net/weixin_43783916/article/details/102829658

版权

本文介绍了如何使用CSS实现二级导航栏，通过学习csdn上的教程，最终成功创建了二级导航栏。文章提供了HTML和CSS代码示例。

摘要由CSDN通过智能技术生成

1、今日用css实现二级导航栏，在csdn上看了各种奶妈级的代码，终于倒腾出来了
2、话不多说，上效果图：

3、html代码如下：

```<!DOCTYPE HTML>
<html lang="en">
<head>
<title> 我的收藏</title>
<meta charset="UTF-8" content="text/html" http-equiv="content-type">
<link rel="stylesheet" href="css1.css" type="text/css">
</head>

 <body>
<div id="changqi">
    <ul>
            <li><a href="#">美食作家王刚</a>
            <ul>
           <li><a href="#">冷吃串串</a></li>
            <li><a href="#">麻辣小龙虾</a></li>
            <li><a href="#">可乐鸡翅</a>