在一些網站裡可以看到不同圖案的游標，今天試著加上符合網頁主題的滑鼠游標。
首先準備好要替換的圖案，大小調成16×16可以跟原本的游標差不多大。
準備圖片的時候注意大小盡量不要超過32×32，瀏覽器可能會偵測不到。*
在body裡加上cursor，這裡需要設定備用游標才顯示得出來。
body{
cursor: url(../kelaugh555/img/cat.png), auto;
}
設定完雖然成功了，不過當滑鼠在可以點選的物件上時還是會變回預設的樣式。
想全部改為自訂樣式，需要把其他可以點選的物件也加上cursor屬性（label, a, etc.），或是用通用選擇器偷懶。
*{
cursor: url(../kelaugh555/img/cat.png), auto;
}
最後效果
參考資料/延伸閱讀
iThome鐵人賽
看影片追技術