CSS中鼠標放上懸停展示，是網頁設計中非常常見的一種效果，常常被用在圖片、文本鏈接或按鈕上。在這篇文章中，我們將介紹如何實現這種效果。

首先，在CSS中，我們需要使用:hover偽類來控制鼠標懸停時的樣式。例如，我們可以通過以下代碼來改變鏈接的顏色和背景色：

a:hover {
color: red;
background-color: yellow;
}

使用:hover偽類可以讓我們在鼠標懸停時改變鏈接的樣式，使其更加顯眼，讓用戶更容易注意到。

除了鏈接外，我們也可以在圖片上應用:hover偽類來改變圖片的樣式。例如，以下代碼可以讓圖片變得更加透明：

img:hover {
opacity: 0.5;
}

在這個例子中，我們使用opacity屬性來控制透明度。當鼠標懸停在圖片上時，圖片的透明度將變為0.5，使其看起來更“半透明”。

懸停效果也可以用在按鈕上，例如，我們可以使用以下代碼讓按鈕的邊框變為實線：

button:hover {
border-style: solid;
}

通過這種方式，我們可以制作出更加靈活、具有交互性的網頁設計，讓用戶感到更加舒適和滿足。