CSS能夠改變網頁中鼠標光標的樣式，讓用戶在使用網頁時獲得更好的體驗。通過CSS，我們可以改變鼠標光標的圖標，以及鼠標光標在不同元素上的樣式。

/* 改變鼠標光標的圖標 */
.cursor{
cursor: pointer; /* 將光標樣式變成手指圖標 */
cursor: url('image/cursor.png'), pointer; /* 使用自定義鼠標圖標 */
}
/* 改變鼠標光標在不同元素上的樣式 */
.element{
cursor: text; /* 光標樣式變成下劃線形式，表明該元素可輸入文本 */
cursor: not-allowed; /* 禁止光標 */
cursor: move; /* 用于拖動元素 */
cursor: crosshair; /* 光標變成十字線，用于繪制圖形等場景 */
}

除了上面列出的樣式，還有其他可用于改變光標樣式的屬性，例如：

/* 改變鼠標懸停時的光標形狀 */
a:hover{
cursor: help; /* 光標變成問號狀，表明該鏈接提供幫助信息 */
}
/* 改變拖動元素的光標形狀 */
.draggable{
cursor: grab; /* 光標變成手掌狀，表示可拖動該元素 */
cursor: grabbing; /* 光標變成拳頭狀，表示正在拖動該元素 */
}

在使用css改變鼠標光標樣式時，需要注意不同瀏覽器的支持情況，并在自定義鼠標圖標時選擇合適的文件格式。