CSS中有許多技巧可以使用來為網頁添加不同的效果，其中之一就是懸浮效果。懸浮效果可以讓鼠標放到某個元素上時，出現一些變化，比如改變背景顏色、字體顏色、大小等等。

/* 簡單的懸浮效果 */
.element {
color: blue; /* 初始顏色 */
}
.element:hover {
color: red; /* 懸浮時改變的顏色 */
}

上面的代碼就是一個最簡單的懸浮效果，當鼠標懸浮在class為element的元素上時，顏色會從藍色變成紅色。這里要注意的是，這個效果是通過:hover這個偽類實現的。偽類的作用就是在某種情況下給元素添加一些特殊的樣式。

除了改變顏色之外，我們還可以使用其他屬性來實現不同的懸浮效果。下面是一個例子：

/* 圖片放大效果 */
img {
transition: transform 0.5s;
}
img:hover {
transform: scale(1.2);
}

這段代碼將圖片設置為懸浮時放大1.2倍，原來的大小通過transition屬性設置一個0.5秒的過渡效果，讓變化更加平滑。

除了上面兩種效果之外，我們還可以使用CSS中的偽元素來添加一些特殊的效果。比如下面這個例子可以在文本下方添加一條下劃線：

/* 添加下劃線 */
.text {
position: relative;
}
.text::after {
content: '';
position: absolute;
left: 0;
bottom: -5px;
width: 100%;
height: 2px;
background-color: #000;
}
.text:hover::after {
bottom: -10px;
}

這里使用了position屬性將文本元素設置為相對定位，然后在其下方絕對定位并添加一個偽元素，通過bottom屬性將其位置調整到文本下方。當鼠標懸浮時，將下劃線的位置再向下移動一點。

總的來說，CSS中的懸浮效果非常靈活，可以根據需要隨意調整樣式。通過簡單的CSS語法，我們可以輕松地為網頁添加更多的交互效果，提升用戶體驗。