HTML左侧菜单

最新推荐文章于 2023-12-19 10:17:04 发布

123hello123

最新推荐文章于 2023-12-19 10:17:04 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/qq_43615820/article/details/108065743

版权

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <style>
        *{margin:0;padding:0;}
        #leftMenu ul{width:100px;position:absolute;background:#DADADA;list-style:none;}
        #leftMenu li{width:100px;position: relative;}
        #leftMenu li>ul{left: 100px;top: 0;display: none;}
        #leftMenu li:hover>ul{display: block;}
    </style>
</head>
<body>
    <div id="leftMenu">
        <ul>
            <li><a href="#">一级目录1</a>
                <ul>
                    <li><a href="#">100001</a></li>
                    <li><a href="#">100002</a>
                        <ul>
                            <li><a href="#">100021</a></li>
                            <li><a href="#">100022</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li><a href="#">一级目录2</a></li>
            <li><a href="#">一级目录3</a>
                <ul>
                    <li><a href="#">300001</a></li>
                    <li><a href="#">300002</a></li>
                </ul>
            </li>
        </ul>
    </div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

123hello123

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML左侧菜单

<!DOCTYPE html><html><head> <meta charset="utf-8" /> <style> *{margin:0;padding:0;} #leftMenu ul{width:100px;position:absolute;background:#DADADA;list-style:none;} #leftMenu li{width:100px;...
复制链接

扫一扫