在網頁開發中，有時需要使用鼠標懸浮在某個元素上時，顯示或隱藏一些內容。這個效果可以通過CSS來實現。

/*設置要懸浮的元素的樣式*/
.hover-element{
position: relative;
}
/*設置懸浮時顯示的內容的樣式*/
.hover-content{
display: none;
position: absolute;
top: 100%;
left: 0;
}
/*設置當鼠標懸浮在.hover-element元素上時，顯示.hover-content元素*/
.hover-element:hover .hover-content{
display: block;
}

上面的代碼中，首先需要給需要實現懸浮顯示效果的元素（例如一個按鈕或圖片）添加一個class，這個class可以是任何名字，例如上面的例子中使用的是.hover-element。然后設置這個元素的position屬性為relative，這是因為后面顯示懸浮內容的元素需要以這個元素為基準進行定位。接下來就是設置懸浮內容的樣式，這個元素需要設置一個display:none的屬性，表示默認不顯示，當鼠標懸浮在.hover-element元素上時再顯示出來。最后一步，使用hover偽類來設置當鼠標懸浮在.hover-element元素上時，將.hover-content元素的display屬性設置為block，從而實現懸浮時顯示的效果。

需要注意的是，在設置懸浮內容的位置時，可以使用top和left屬性進行定位。例如上面的例子中，top:100%表示將.hover-content元素的頂部定位到.hover-element元素的下方，left:0表示將.hover-content元素的左邊界與.hover-element元素的左邊界對齊。如果需要將.hover-content元素向右或向下移動一些距離，可以使用top或left屬性設置偏移量。