CSS使用自訂遊標樣式-遁地龍捲風

測試環境是chrome瀏覽器

Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.132 Safari/537.36

css樣式

div
{
　　cursor:url('1.jpg'),pointer;
}

HTML

　　

當滑鼠放到div上，遊標會變成你指定的圖案

*注意事項

要確保自訂的圖片夠小，這裡的是16*16

不同瀏覽器支援的圖片格式不一樣，請自行尋找

cursor:url('1.jpg'),pointer;這裡的1.jpg要和當前html文件在同級目錄，pointer是必要的，當自定義的圖片不能應用時採用的備用方案，本次測試不寫是不對的。