释放下拉菜单的力量

    
    <meta name="“viewport”content" device-width>文档标题&gt;
    <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&amp;display=swap" rel="“样式表”">
        身体 {

            字体系列：“蒙特塞拉特”，无衬线字体；
            字体光学大小：自动；
            字体样式：正常；
        }

        。落下 {
            位置：相对；
            /* 将下拉容器作为参考点 */
            宽度：200px；
            显示：内联块；
        }

        .dropdown-toggle {
            内边距：20px 15px；
            边框：无；
            背景颜色：https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b008CBA；
            光标：指针；
            宽度：100%；
            白颜色;
            字体大小：16px；
            字体粗细：400；
        }

        。下拉式菜单 {
            显示：无；
            /* 最初隐藏菜单 */
            位置：绝对；
            左：0；
            背景颜色：https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15bffffff；
            列表样式：无；
            填充：0；
            宽度：100%；
            保证金：0；
            填充：0；
            框阴影：0px 8px 16px 0px rgba(null, 0, 0, 0.2);
            z 索引：1；
        }

        .dropdown-menu li {
            显示：块；
        }

        .dropdown-menu li a {
            颜色：黑色;
            内边距：12px 16px；
            文本装饰：无；
            显示：块；
            字体大小：14px；
        }

        /* 更改悬停时下拉链接的颜色 */
        .dropdown-menu li a:hover {
            背景颜色：https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15bf1f1f1
        }

        .dropdown:悬停 .dropdown-menu {
            /* 悬停时显示菜单 */
            显示：块；
        }

        /* 使用 ::after 的下拉箭头 */
        .dropdown-toggle:after {
            内容： ””;
            位置：绝对；
            顶部：50%；
            右：10 像素；
            变换：翻译Y(-50%)；
            /* 使箭头垂直居中 */
            边框样式：实心；
            边框颜色：https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15bffffff透明透明透明；
        }
    风格&gt;

头&gt;


    <div class="dropdown">
        <button class="dropdown-toggle">选择一个选项</button>
        <ul class="dropdown-menu">
<li><a href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b" rel="nofollow" target="_blank">选项 1</a></li>
            <li><a href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b" rel="nofollow" target="_blank">选项 2</a></li>
            <li><a href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b" rel="nofollow" target="_blank">选项 3</a></li>
        </ul>
</div>
正文&gt;