CSS的一個常見功能是為網站增添各種鼠標懸停時的效果，這樣可以為網站帶來更好的用戶體驗和視覺效果。

.hover-effect {
background-color: #eee;     /* 初始背景顏色 */
border: 2px solid #000;     /* 初始邊框樣式 */
padding: 10px;              /* 初始內邊距 */
}
.hover-effect:hover {
background-color: #333;     /* 鼠標懸停背景顏色 */
border: 2px solid #fff;     /* 鼠標懸停邊框樣式 */
color: #fff;                /* 鼠標懸停字體顏色 */
}

以上是一個簡單的CSS樣式，它在一個元素上設置了初始的背景顏色、邊框樣式和內邊距，然后當鼠標劃過這個元素時，它會改變其背景顏色、邊框樣式和字體顏色。

通過這個樣式，我們可以看到鼠標懸停樣式可以為我們的網站帶來很多不同的效果。例如，我們可以通過鼠標懸停來強調網站中的某些元素，使它們更加亮眼，突出顯示。

總的來說，鼠標劃上去樣式是CSS的一個非常實用的功能，可以為我們的網站增添一些動態和生氣。無論是在設計網頁還是在編寫移動應用程序時，這都是一種非常有用的技術，可以為我們的用戶提供更好的體驗。