| 光標類型 |
CSS |
| 把你的光標放到相應文字上查看效果 |
要注意光標的實際效果依賴于用戶的系統設置，與你在這里看到的效果并不一定一致。 |
|
十字準心
|
cursor: crosshair;
|
|
手
|
cursor: pointer;
cursor: hand;
寫兩個是為了照顧IE5，它只認hand。 |
|
等待/沙漏
|
cursor: wait;
|
|
幫助
|
cursor: help;
|
|
無法釋放
|
cursor: no-drop;
|
|
文字/編輯
|
cursor: text;
|
|
可移動對象
|
cursor: move;
|
|
向上改變大小(North)
|
cursor: n-resize;
|
|
向下改變大小(South)
|
cursor: s-resize;
|
|
向右改變大小(East)
|
cursor: e-resize;
|
|
向左改變大小(West)
|
cursor: w-resize;
|
|
向上右改變大小(North East)
|
cursor: ne-resize;
|
|
向上左改變大小(North West)
|
cursor: nw-resize;
|
|
向下右改變大小(South East)
|
cursor: se-resize;
|
|
向下左改變大小(South West)
|
cursor: sw-resize;
|
|
自動
|
cursor: auto;
|
|
禁止
|
cursor:not-allowed;
|
|
處理中
|
cursor: progress;
|
|
系統默認
|
cursor: default;
|
|
用戶自定義（可用動畫）
|
cursor: url(' # ');
??# = 光標文件地址?? (注意文件格式必須為：.cur 或 .ani)。 |