1、我們可以使用任何的 HTML 元素來打開下拉菜單,如:<span>或 a <button> 元素
2、使用容器元素 (例如<div>) 來創建下拉菜單的內容,並放在任何你想放的位置上。
3、使用 <div> 元素來包裹這些元素,並使用 CSS 來設置下拉內容的樣式。
CSS 部分:
1、.dropdown 使用 position:relative, 這將設置下拉菜單的內容放置在下拉按鈕 (使用 position:absolute) 的右下角位置。
2、.dropdown-content 中是實際的下拉菜單。默認是隱藏的,在鼠標移動到指定元素后會顯示。 注意:如果你想設置下拉內容與下拉按鈕的寬度一致,可設置 width 為 100% 。
3、:hover 選擇器用於將鼠標移動到下拉按鈕上時顯示下拉菜單。