指定滑鼠游標的型態。其語法是：
cursor:游標型態
cursor:<uri> [x y] ,游標型態
可設多個 <uri>，兩個 <uri> 用”,”分隔。如果第一個 <uri> 找不到，會用第二個 <uri>，依此類推。每一個 <uri> 可選擇性設 x, y 作為指標位置，兩個必須同時設，缺一會導致失敗。x, y 為數值，是以游標圖形的左上角為 (0, 0) 原點之座標值。最後設定一個游標型態，當 <uri> 都失敗時，可用此游標。使用 <uri> 最後一定要接一個游標型態，否則會失敗。在 IE 瀏覽器，兩個 <uri> 之間還可以插入游標型態，這在 Firefox 會導致失敗，建議勿用。
可設定的值有：
- URI：指定游標圖檔的網址。
- 游標型態：auto, default, none。context-menu, help, pointer, progress, wait。cell, crosshair, text, vertical-text。alias, copy, move, no-drop, not-allowed。e-resize, n-resize, ne-resize, nw-resize, s-resize, se-resize, sw-resize, w-resize, ew-resize, ns-resize, nesw-resize, nwse-resize, col-resize, row-resize, all-scroll。參見下面的範例。
- inherit：繼承父元件的特徵值。
不同瀏覽器展現的游標圖案會有差異。
- 風格用法：
<p style='cursor:url("bad"), url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisusG9Gxvhb9HT3WDSKFsiW_cEXy1nTaztMKzvjoq8hhXesJiyqD2aABdrIwLSTjLnGQprkM3tmU7ywgAqdlWajZIDPnxLV3sDB23pJAY7xpHdoCUZ9i-tRWRnjYidYBivnoCmjxkB62yg/s200/ant.GIF") 20 20, help; background:blue; width:70%'>
URI</p>
<p style='cursor:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisusG9Gxvhb9HT3WDSKFsiW_cEXy1nTaztMKzvjoq8hhXesJiyqD2aABdrIwLSTjLnGQprkM3tmU7ywgAqdlWajZIDPnxLV3sDB23pJAY7xpHdoCUZ9i-tRWRnjYidYBivnoCmjxkB62yg/s200/ant.GIF"), help; background:blue; width:70%'>
URI</p>
<p style='cursor:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisusG9Gxvhb9HT3WDSKFsiW_cEXy1nTaztMKzvjoq8hhXesJiyqD2aABdrIwLSTjLnGQprkM3tmU7ywgAqdlWajZIDPnxLV3sDB23pJAY7xpHdoCUZ9i-tRWRnjYidYBivnoCmjxkB62yg/s200/ant.GIF"); background:blue; width:70%'>
URI：未接游標型態所以失敗。</p> - 執行結果：
URI
URI
URI：未接游標型態所以失敗。
- <uri> 在 IE6 測試失敗，IE 只支援 ICO, CUR, ANI 圖檔格式；Firefox, Safari, Chrome 都可用 GIF 檔。筆者在個人電腦測試 ICO 檔，所有的瀏覽器都可以用；因為部落格不能上傳 ICO 檔，所以無法在此展示。
一般游標：
- 風格用法：
<p style='cursor:auto; background:blue; width:70%'>
auto：由瀏覽器決定，此為預設值。</p>
<p style='cursor:default; background:blue; width:70%'>
default：系統預設的游標，通常是個箭頭。</p>
<p style='cursor:none; background:blue; width:70%'>
none：沒有游標。</p> - 執行結果：
auto：由瀏覽器決定，此為預設值。
default：系統預設的游標，通常是個箭頭。
none：沒有游標。
- none 只有 Firefox 成功；IE6, Safari, Chrome 都沒效果。
移動與拷貝：
- 風格用法：
<p style='cursor:alias; background:blue; width:70%'>
alias：別名。</p>
<p style='cursor:copy; background:blue; width:70%'>
copy：拷貝。</p>
<p style='cursor:move; background:blue; width:70%'>
move：移動。</p>
<p style='cursor:no-drop; background:blue; width:70%'>
no-drop：不可存放此。</p>
<p style='cursor:not-allowed; background:blue; width:70%'>
not-allowed：不可。</p> - 執行結果：
alias：別名。
copy：拷貝。
move：移動。
no-drop：不可存放此。
not-allowed：不可。
- alias, copy 在 IE6, Safari 沒效果；Firefox, Chrome 可用。
改變物件的尺寸。e 是東方（east），s 是南方（south）， w 是西方（west），n 是北方（north）；可以組合上面四個字母。
- 風格用法：
<p style='cursor:all-scroll; background:blue; width:70%'>
all-scroll：四方捲動。</p>
<p style='cursor:e-resize; background:blue; width:70%'>
e-resize</p>
<p style='cursor:ne-resize; background:blue; width:70%'>
ne-resize</p>
<p style='cursor:nw-resize; background:blue; width:70%'>
nw-resize</p>
<p style='cursor:n-resize; background:blue; width:70%'>
n-resize</p>
<p style='cursor:se-resize; background:blue; width:70%'>
se-resize</p>
<p style='cursor:sw-resize; background:blue; width:70%'>
sw-resize</p>
<p style='cursor:s-resize; background:blue; width:70%'>
s-resize</p>
<p style='cursor:w-resize; background:blue; width:70%'>
w-resize</p>
<p style='cursor:ew-resize; background:blue; width:70%'>
ew-resize</p>
<p style='cursor:ns-resize; background:blue; width:70%'>
ns-resize</p>
<p style='cursor:nesw-resize; background:blue; width:70%'>
nesw-resize</p>
<p style='cursor:nwse-resize; background:blue; width:70%'>
nwse-resize</p>
<p style='cursor:col-resize; background:blue; width:70%'>
col-resize：改變直行數。</p>
<p style='cursor:row-resize; background:blue; width:70%'>
row-resize：改變橫欄數。</p> - 執行結果：
all-scroll：四方捲動。
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
ew-resize
ns-resize
nesw-resize
nwse-resize
col-resize：改變直行數。
row-resize：改變橫欄數。
選擇游標：
- 風格用法：
<p style='cursor:cell; background:blue; width:70%'>
cell：小方格。</p>
<p style='cursor:crosshair; background:blue; width:70%'>
crosshair：十字線。</p>
<p style='cursor:text; background:blue; width:70%'>
text：輸入文字，通常是 I。</p>
<p style='cursor:vertical-text; background:blue; width:70%'>
vertical-text：垂直文字。</p> - 執行結果：
cell：小方格。
crosshair：十字線。
text：輸入文字，通常是 I。
vertical-text：垂直文字。
- cell 在 IE6, Safari 沒效果；Firefox, Chrome 可用。
連結與狀態：
- 風格用法：
<p style='cursor:context-menu; background:blue; width:70%'>
context-menu：選單。</p>
<p style='cursor:help; background:blue; width:70%'>
help：物件有協助，通常是問號。</p>
<p style='cursor:pointer; background:blue; width:70%'>
pointer：指點手，表示超連結。</p>
<p style='cursor:progress; background:blue; width:70%'>
progress：進行中。</p>
<p style='cursor:wait; background:blue; width:70%'>
wait：系統忙碌，等待中；通常是沙漏。</p> - 執行結果：
context-menu：選單。
help：物件有協助，通常是問號。
pointer：指點手，表示超連結。
progress：進行中。
wait：系統忙碌，等待中；通常是沙漏。
:ACTIVE 的應用。使用時要注意，在 IE6 中 :ACTIVE 只能用在 ANCHOR 元素。
- 風格用法：
<style type='text/css'>
.hvr {cursor:pointer;
width:150px;
height:100px;
background:blue;
}
.hvr:active
{cursor:crosshair;}
</style>
<p class=hvr>
射擊遊戲, 好玩遊戲, 賽車遊戲, 小遊戲.
</p> - 執行結果：
射擊遊戲, 好玩遊戲, 賽車遊戲, 小遊戲.
- 上例，Firefox 成功；Safari, Chrome 失敗。
javascript 應用。可以用 style 物件 的特徵 cursor 讀取或設定特徵值。
- 風格用法：
<div id='atr3' style='cursor:crosshair; background:red; width:200px; height:200px'>
射擊遊戲, 益智遊戲, 好玩遊戲, 搏擊遊戲, 障礙遊戲, 賽車遊戲, 小遊戲, 冒險遊戲.
</div>
<script type='text/javascript'>
var os=document.getElementById('atr3').style;
document.write( os.cursor );
</script> - 執行結果：射擊遊戲, 益智遊戲, 好玩遊戲, 搏擊遊戲, 障礙遊戲, 賽車遊戲, 小遊戲, 冒險遊戲.crosshair
