div+css实现三级菜单功能

最新推荐文章于 2022-05-01 13:20:46 发布

剑花烟雨寒

最新推荐文章于 2022-05-01 13:20:46 发布

阅读量594

点赞数 2

分类专栏：前端 # CSS # HTML

本文链接：https://blog.csdn.net/qq_42747076/article/details/106516119

版权

本文详细介绍了如何使用div和CSS实现三级菜单的功能，包括HTML结构设计、CSS样式设置和实现效果展示，同时提到了注意事项，如通过设置子元素相对于父容器的绝对定位以及利用:hover伪类改变鼠标指针样式。

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

一.html部分

<div id="frame">
        <!--一级菜单-->
        <div id="row-1">
            <ul>
                <li><a href="#">服装</a>
                    <!--二级菜单-->
                    <ul class="two">
                        <li><a href="#">短袖</a>
                            <!--三级菜单-->
                            <ul class="three">
                                <li><a href="#">9.9包邮</a></li>
                                <li><a href="#">情侣套装</a></li>
                                <li><a href="#">搬砖工作服</a></li>
                                <li><a href=