CSS懸停擴展菜單是一種常見的網頁設計元素，它可以增強網頁交互性和美觀性。在此我們介紹一種基于CSS的懸停擴展菜單實現方式。

.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
z-index: 1;
}
.dropdown:hover .dropdown-content {
display: block;
}

以上代碼實現了一個簡單的懸停擴展菜單。首先，我們需要定義一個包含下拉菜單按鈕的容器（即.dropdown）。接下來，我們定義下拉菜單的內容（即.dropdown-content），并設置其默認隱藏（display: none）和定位方式（position: absolute），以及z-index屬性來確保其處于頂層。最后，通過:hover偽類選擇器來實現鼠標懸浮的交互效果。

這種實現方式簡單易懂，同時也可以輕松地通過CSS進行樣式自定義。例如，我們可以對容器和下拉菜單進行不同的背景色、邊框樣式等修飾。