滑鼠游標設定CSS案為。使用CSS cursor 屬性來設定。以下列出常用的滑鼠游標，以及它們設定的方式 (直接將滑鼠置於右邊結果的欄位，您就可以看到該滑鼠游標的圖案)：
| CSS 樣式 | 顯現結果 |
| { cursor: crosshair; } | 滑鼠游標圖案為 crosshair |
| { cursor: pointer; } | 滑鼠游標圖案為 pointer |
| { cursor: text; } | 滑鼠游標圖案為 text |
| { cursor: move; } | 滑鼠游標圖案為 move |
| { cursor: wait; } | 滑鼠游標圖案為 wait |
| { cursor: help; } | 滑鼠游標圖案為 help |
| { cursor: progress; } | 滑鼠游標圖案為 progress |
| { cursor: not-allowed; } | 滑鼠游標圖案為 not-allowed |
| { cursor: no-drop; } | 滑鼠游標圖案為 no-drop |
| { cursor: no-vertical-text; } | 滑鼠游標圖案為 no-vertical-text |
| { cursor: all-scroll; } | 滑鼠游標圖案為 all-scroll |
| { cursor: col-resize; } | 滑鼠游標圖案為 col-resize |
| { cursor: row-resize; } | 滑鼠游標圖案為 row-resize |
| { cursor: e-resize; } | 滑鼠游標圖案為 e-resize |
| { cursor: ne-resize; } | 滑鼠游標圖案為 ne-resize |
| { cursor: n-resize; } | 滑鼠游標圖案為 n-resize |
| { cursor: nw-resize; } | 滑鼠游標圖案為 nw-resize |
| { cursor: w-resize; } | 滑鼠游標圖案為 w-resize |
| { cursor: sw-resize; } | 滑鼠游標圖案為 sw-resize |
| { cursor: s-resize; } | 滑鼠游標圖案為 s-resize |
| { cursor: se-resize; } | 滑鼠游標圖案為 se-resize | 我們也可以自定游標圖案。
自定圖案的語法是：
{ cursor: url(圖案網址); }
|
