CSS是構建網頁的不可或缺的工具，其中的鼠標特效在網頁制作中起著非常重要的作用，能夠為用戶帶來更好的瀏覽體驗。下面介紹幾種常用的CSS鼠標特效。

/* 鼠標懸停切換圖片 */
img:hover {
content: url(new-image.jpg);
}
/* 鼠標放置顯示提示信息 */
span:hover::before {
content: "這是一個提示信息";
display: inline-block;
background-color: #000;
color: #fff;
padding: 5px;
border-radius: 5px;
}
/* 鼠標懸停旋轉圖片 */
img:hover {
transform: rotate(360deg);
transition: transform 1s;
}
/* 鼠標跟隨效果 */
div {
position: relative;
}
div:hover span {
display: block;
}
div:hover span::before {
content: "";
display: block;
position: absolute;
top: 20px;
left: 20px;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #000;
}
/* 鼠標懸停改變背景顏色 */
button:hover {
background-color: yellow;
color: #000;
transition: all 0.2s ease-in-out;
}

以上就是幾種常用的CSS鼠標特效，可以根據實際需求進行選擇和應用，希望能對大家有所幫助。