在網頁設計中，光標圖形是一個很小的細節，但它卻有著很大的作用。為了讓用戶可以更好地體驗網頁，我們常常需要使用自定義的光標圖形。那么，如何使用 CSS 來創建自定義的光標圖形呢？

/* 首先，我們需要使用 cursor 屬性來定義光標的類型 */
cursor: url('custom-cursor.png'), auto;
/* 其中，url() 函數用于指定自定義的光標圖形的 URL，auto 指定了光標的默認類型 */
/* 接著，需要使用一些屬性來調整光標的位置和尺寸 */
cursor: url('custom-cursor.png') 5 5, auto;
/* 這里的 5 5 分別表示光標離左邊和上邊的距離 */
/* 同時，還可以使用 transform 屬性來旋轉、縮放和平移光標 */
cursor: url('custom-cursor.png') 5 5, auto;
transform: rotate(20deg) scale(1.5) translateX(-10px);
/* 這個例子將光標旋轉了 20 度，縮放了 1.5 倍，并向左平移了 10 像素 */
/* 最后，需要注意的是，自定義的光標圖形必須是 32x32 像素的 png 文件 */

通過使用這些 CSS 屬性，我們可以輕松地創建自定義的光標圖形。當用戶把鼠標移動到網頁上時，它們會看到一個特別的光標，從而提供更好的交互和體驗。