CSS樣式鼠標懸停是Web開發中常用的一個功能，可以為網站增加交互性和體驗性。當鼠標懸停在一個元素上時，我們可以使用CSS樣式來改變元素的外觀，從而提醒用戶該元素是可點擊或是與其他元素相關聯的。

要實現鼠標懸停的效果，我們需要使用CSS中的:hover偽類。通過為元素指定:hover樣式，當鼠標懸停在該元素上時，就會應用該樣式。例如：

.btn {
background-color: #fff;
border: 1px solid #ccc;
color: #333;
padding: 5px 10px;
}
.btn:hover {
background-color: #333;
color: #fff;
}

上述代碼中，.btn類是一個普通的按鈕樣式，在鼠標懸停時，我們為.btn:hover指定了不同的背景和文字顏色，這樣就可以讓按鈕有更強的視覺效果。

當然，不僅僅只有背景和文字顏色可以在:hover狀態下修改，我們可以根據需要改變元素的寬高、邊框樣式、字體大小等等。下面是另一個示例：

.box {
width: 100px;
height: 100px;
background-color: #ccc;
border: 1px solid #333;
transition: all .2s ease-out;
}
.box:hover {
width: 120px;
height: 120px;
background-color: #333;
border: 1px solid #ccc;
color: #fff;
}

在這個代碼示例中，我們定義了一個名為.box的元素，寬高為100px，背景為灰色，邊框為黑色實線。用:hover狀態下指定的樣式更改寬高為120px，顏色從灰色變為黑色，邊框也從黑色變為白色虛線，字體顏色變為白色。

總之，CSS樣式鼠標懸停是一個簡單而實用的功能，可以幫助我們增強頁面的交互性和美觀度。通過一些簡單的CSS代碼，我們就可以輕松創建各種鼠標懸停效果，從而讓我們的網站看起來更加專業和吸引人。