CSS中有一個常用的效果，就是鼠標懸浮在某個元素上時，出現諸如背景色、字體顏色、邊框等變化。這個效果可以通過CSS中的:hover選擇器來實現。

代碼示例：
/*鼠標懸浮時修改背景色*/
div:hover{
background-color: #ddd;
}
/*鼠標懸浮時修改字體顏色*/
a:hover{
color: red;
}
/*鼠標懸浮時修改邊框樣式*/
button:hover{
border: 2px solid green;
}

需要注意的是，:hover只對可交互元素生效，比如鏈接、按鈕、輸入框等，而對于一些非交互元素（如div、p等）需要在CSS中設置cursor屬性為pointer才能添加:hover效果。

代碼示例：
/*鼠標懸浮時修改背景色*/
div:hover{
background-color: #ddd;
cursor: pointer;  /*添加cursor屬性*/
}
/*鼠標懸浮時修改字體顏色*/
p:hover{
color: blue;
cursor: pointer;
}

另外，可以使用:hover+選擇器來實現當鼠標懸浮在一個元素上時，另一個元素的樣式發生變化。

代碼示例：
/*鼠標懸浮在div上時，p的字體顏色變紅*/
div:hover+ p{
color: red;
}
/*鼠標懸浮在a上時，修改ul的display屬性*/
a:hover+ ul{
display: block;
}

總之，鼠標懸浮效果在網站設計中起到了非常重要的作用，可以提高網站的互動性和用戶體驗。希望本文能夠為您的CSS學習提供幫助。