CSS 可以讓我們自定義鼠標指針的樣式，讓網頁在視覺上更加個性化。

為了自定義鼠標指針，需要使用 CSS 的cursor屬性。這個屬性用來指定網頁使用哪種類型的光標。

下面是一些常見的光標類型：

.auto {
cursor: auto;
}
.default {
cursor: default;
}
.none {
cursor: none;
}
.crosshair {
cursor: crosshair;
}
.help {
cursor: help;
}
.pointer {
cursor: pointer;
}
.progress {
cursor: progress;
}
.wait {
cursor: wait;
}
.text {
cursor: text;
}
.move {
cursor: move;
}
.e-resize {
cursor: e-resize;
}
.ne-resize {
cursor: ne-resize;
}
.nw-resize {
cursor: nw-resize;
}
.n-resize {
cursor: n-resize;
}
.se-resize {
cursor: se-resize;
}
.sw-resize {
cursor: sw-resize;
}
.s-resize {
cursor: s-resize;
}
.w-resize {
cursor: w-resize;
}
.ew-resize {
cursor: ew-resize;
}
.ns-resize {
cursor: ns-resize;
}
.nesw-resize {
cursor: nesw-resize;
}
.nwse-resize {
cursor: nwse-resize;
}
.col-resize {
cursor: col-resize;
}
.row-resize {
cursor: row-resize;
}
.not-allowed {
cursor: not-allowed;
}

為了更加自定義化鼠標指針，在url()函數中傳入一個圖片 URL，這個圖片將會被作為鼠標指針顯示。例如：

.custom-cursor {
cursor: url("my-cursor.png"), auto;
}

注意，這種自定義鼠標指針的方式將只在支持的瀏覽器上生效。快來試試吧！