下拉框
使用到的CSS属性
<details></details>
创建一个挂件,仅在切换成展开状态时,才会显示内含信息，创建下拉框
<summary></summary>
为该元素提供概要或标签（用作一个details元素的内容摘要，标题，案例）
border:none;
border的默认样式无，去掉边框
cursor:pointer;
定义鼠标指针悬浮在元素上时的样子
a.button:{filter:brightness:(75%)}
伪类元素,亮度75%;匹配被用户激活的元素，当用户进行鼠标点击交互时,让浏览器给出反馈
list-style-type:none;
去掉默认的列表样式类型
.dropdown summary:focus;
表示获得焦点的元素（如表单输入）,当用户点击/触碰元素或通过tab键选择它时被触发
outline:none;
没有轮廓;设置一个或多个单独的轮廓属性
transparent
透明度
display
指定元素的显示类型，用指定元素怎么样生成盒模型
