CSS 當鼠標放上去是 Web 設計中常用的交互操作之一。當鼠標懸停在文本、圖像或其他網頁元素上時，可以使用 CSS 來更改相關元素的樣式，以向用戶傳達信息或增強網頁的可讀性和可操作性。

/* 示例 1：鼠標懸停時變色 */
a:hover {
color: red;
}
/* 示例 2：鼠標懸停時出現下劃線 */
a:hover {
text-decoration: underline;
}
/* 示例 3：鼠標懸停時顯示提示信息 */
span:hover:after {
content: "點擊此處跳轉到新頁面";
padding: 5px;
background-color: #ddd;
border-radius: 3px;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
/* 示例 4：鼠標懸停時顯示遮罩層 */
.container:hover .overlay {
display: block;
}
.container .overlay {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
z-index: 1;
}

在上述示例中，我們使用了:hover偽類來表示鼠標懸停狀態。通過修改相關 CSS 屬性，我們實現了文本變色、下劃線、提示信息和遮罩層等效果，提升了用戶交互體驗。在實際應用中，我們可以根據具體的設計需求和用戶反饋，靈活運用 CSS 當鼠標放上去的技巧，讓網頁顯得更加生動、直觀和易用。