CSS： 下拉菜单

版权声明：原创内容，欢迎转载 https://blog.csdn.net/weixin_43731793/article/details/91384616

1、简介

使用 CSS 创建一个鼠标移动上去后显示下拉菜单的效果。

2、

我们可以使用任何的 HTML 元素来打开下拉菜单，如：<span>, 或 a <button> 元素。

使用容器元素 (如： <div>) 来创建下拉菜单的内容，并放在任何你想放的位置上。

使用 <div> 元素来包裹这些元素，并使用 CSS 来设置下拉内容的样式。
CSS 部分：
.dropdown 类使用 position:relative
.dropdown-content 类中是实际的下拉菜单。默认是隐藏的，在鼠标移动到指定元素后会显示。