导航栏二级三级

最新推荐文章于 2022-05-12 08:52:59 发布

Lily_feng

最新推荐文章于 2022-05-12 08:52:59 发布

阅读量416

点赞数 1

分类专栏： html

本文链接：https://blog.csdn.net/Lily_feng/article/details/107021297

版权

这篇博客主要展示了如何使用HTML和CSS代码创建带有二级和三级菜单的导航栏，通过简洁的代码实现页面效果。

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

导航栏二级三级，html+css纯代码，话不多说直接上代码

操作代码：
html代码部分：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航栏</title>
</head>
<body>
<div id="nav">
    <ul>
        <!--one-->
        <li><a href="">首页</a>
            <ul>
                <!--two-->
                <li><a href="">二级</a>
                    <!--three-->
                    <ul>
                        <li><a href="#">三级</a></li>
                        <li><a href="#">三级</a></li>
                        <li><a href="#">三级</a></li>
                    </ul>
                </li>
                <li><a href="">二级</a>
                    <ul>
                        <li><a href="#">三级</a></li>
                        <li><a href="#">三级</a></li>
                        <li><a href="#">三级</a></li>
                    </ul>
                </li>
                <li><a href="">二级</a>
                    <ul>
                        <li><a href="#