二级标题

2022-05-09 16:33:11 作者：互联网

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>二级标题练习</title>
        <style type="text/css">
            .inner{
                display: none;
            }
            
            .outer > li:hover .inner{
                display: block;
            }
        </style>
    </head>
    <body>
        <ul class="outer">
            <li>
                <a href="#">文件</a>
                <ul class="inner">
                    <li><a href="#">文件夹</a></li>
                    <li><a href="#">文件名</a></li>
                    <li><a href="#">另存为</a></li>
                </ul>
            </li>
            <li>
                <a href="#">柜子</a>
                <ul class="inner">
                    <li><a href="#">文件夹</a></li>
                    <li><a href="#">文件名</a></li>
                    <li><a href="#">另存为</a></li>
                </ul>
            </li>
            <li>
                <a href="#">桌子</a>
                <ul class="inner">
                    <li><a href="#">文件夹</a></li>
                    <li><a href="#">文件名</a></li>
                    <li><a href="#">另存为</a></li>
                </ul>
            </li>
        </ul>
    </body>
</html>

标签：二级,文件名,另存为,标题,文件夹,inner,display
来源： https://www.cnblogs.com/YcxyH/p/16249661.html