常看到有些網站或是 Blog 中的滑鼠游標是很多可愛或是有趣的圖片，看了就讓人不禁想多點個兩下。很羨慕嗎？你也可以的！

接著先登入系統後，再到後台的面版管理->自定樣式(CSS)

在 CSS 樣式表中基本上是沒有特別跟滑鼠有關的語法，不過我們可以自己幫它來加上。假設我們要讓整個 Blog 的滑鼠游標都是同一種，所以我們可以幫整個 html 區塊加上 cursor 的屬性：

現在我是設定 cursor 的屬性值為 pointer，這會讓滑鼠游標變成一個手指狀，就像移到網頁上的連結時的形狀

cursor 的屬性值有18種之多：auto、crosshair、default、hand、move、help、wait、text、w-resize、s-resize、n-resize、e-resize、ne-resize、sw-resize、se-resize、nw-resize、pointer 及 url。常用的大多是：default、hand、pointer 及 url 等。

全部的效果可以參考範例網頁：http://abgne.myweb.hinet.net/blog/0006/0006.html

其中 hand 跟 pointer 都是一樣的手指狀，不過 pointer 才是標準的用法， hand 應該是只有 IE 才認得！

在範例網頁中，除了最後一格的滑鼠是 Wii 的形狀外，其它的都是內建的造型，看起來應該是蠻不顯眼的。另外若是用 FireFox 來瀏覽的話，是不支援 url 屬性值的！

雖然並不是全部瀏覽器都支援，但我們的重點還是在 cursor 的 url 屬性上！url() 中要放的是滑鼠游標的檔案路徑。這邊我準備了兩個不同的滑鼠游標：

檔案位置：http://abgne.myweb.hinet.net/mouse/wii.ani

檔案位置：http://abgne.myweb.hinet.net/mouse/select.ani

現在我們要來換掉原先設的 pointer 屬性值：

修改好後，先預覽看看結果，若沒問題的話再確認送出來儲存生效。

不過若仔細看的話，當滑鼠移到連結時，一樣是變回手指狀耶！這是因為我們並沒有特別去指定連結時的滑鼠游標，所以它就用預設的去顯示了。

若連移到連結時的滑鼠游標也改變的話，就要特別來設定一下，我們可以在 CSS 樣式表中找到一大段跟連結關的語法

一樣是幫它加上 cursor 的屬性及其 url 值

這一次我把連結的滑鼠游標改成另一種手指，只要滑鼠一移到連結時就會變換滑鼠游標囉！

連結的部份也是有很多可以來設計，不過此次的重點是擺在滑鼠游標的部份，所以就先不深入的說明。

補充說明：

若是要在 FireFox 中也能顯示自訂的游標的話，語法中要多加一個當自訂游標檔案不在或是不支援時，所要用的游標，這游標是要系統內訂的那幾種才行，語法如下：

要注意的是，FireFox 好像不支援 ani檔。

範例 Blog：男丁格爾's 實驗室

再分享兩個目前所使用的滑鼠游標

檔案位置：http://abgne.myweb.hinet.net/mouse/point.cur

檔案位置：http://abgne.myweb.hinet.net/mouse/link.cur