CSS鼠標圖形是指使用CSS技術來創建類似于鼠標光標的效果，讓網頁內容更加生動、易于交互。以下是一些常見的鼠標圖形效果。

1. 改變鼠標光標的樣式

body {
cursor: pointer; /* 鼠標光標為手形 */
}

2. 在鼠標當前位置顯示自定義圖形

div {
cursor: url('mouse.png'), auto; /* 鼠標光標為自定義圖片 */
}

3. 在鼠標點擊位置出現交互效果

button {
cursor: pointer;
transition: transform 0.3s ease-in-out; /* 添加過渡效果 */
}
button:active {
transform: scale(0.8); /* 鼠標點擊時縮小按鈕 */
}

4. 在鼠標懸停時出現提示信息

span {
cursor: help;
}
span::before {
content: '點擊查看詳情';
display: none;
position: absolute;
top: -30px;
left: -5px;
padding: 5px;
background-color: #f5f5f5;
border: 1px solid #ddd;
}
span:hover::before {
display: block;
}

總的來說，CSS鼠標圖形能夠提高網頁的用戶體驗，但是也需要注意不要過度使用，以免影響網頁的整體效果。