CSS懸浮下劃線可以給網頁增加互動性和美觀度。下面是一份代碼示例：

a {
text-decoration: none;
position: relative;
}
a:hover::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 2px;
background-color: #000;
}

首先，我們需要將超鏈接的文本裝飾（即下劃線）去掉。這一步是通過設置text-decoration為none實現的。

接著，我們需要為超鏈接設置position屬性，并設置其為relative。這樣，我們就可以使用::after偽元素來創建下劃線。接下來的代碼就是用來設置下劃線的位置和樣式的：

a:hover::after {
content: ""; /* 表示下劃線為空字符串 */
position: absolute; /* 絕對定位 */
left: 0; /* 距離左側為 0 */
bottom: -2px; /* 距離底部為 -2px，因為超鏈接底部會有一些間距 */
width: 100%; /* 寬度為 100% */
height: 2px; /* 高度為 2px */
background-color: #000; /* 背景顏色為黑色 */
}

當鼠標懸浮在超鏈接上時，::after偽元素就會生效，創建出一個黑色的下劃線。

除了黑色下劃線外，我們還可以通過修改background-color來修改下劃線的顏色。同樣，我們也可以設置其他樣式屬性，比如border、box-shadow等來實現更多的效果。

CSS懸浮下劃線是網頁設計中的一種常見技巧，可以使頁面更加美觀和富有互動性。希望這篇文章能對你有所幫助！