在網頁設計中，下拉菜單是一個常見的元素。使用 CSS，可以輕松地創建一個懸浮下拉菜單按鈕，使網頁更加動態和美觀。

/* CSS 代碼 */
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}

首先，在HTML頁面中添加一個帶有下拉菜單的按鈕：

<div class="dropdown">
<button>點擊打開下拉菜單</button>
<div class="dropdown-content">
<a href="#link1">鏈接1</a>
<a href="#link2">鏈接2</a>
<a href="#link3">鏈接3</a>
</div>
</div>

現在，我們來解釋一下 CSS 代碼：

• .dropdown類被定義為相對定位（position: relative;），加上內聯塊級顯示（display: inline-block;）的元素。
• 下拉菜單是通過其子元素.dropdown-content來實現的。
• .dropdown-content類定義為絕對定位（position: absolute;），并且z-index為 1。這樣做是為了在出現下拉菜單時，它可以覆蓋其他元素。
• 我們使用:hover偽類，定義.dropdown懸浮時，其子元素.dropdown-content的顯示方式為塊級元素（display: block;）。

通過這些簡單的 CSS 代碼，就可以輕松地創建一個懸浮下拉菜單按鈕。