複製鏈接
請複製以下鏈接發送給好友
https://baike.baidu.hk/item/cursor/20142367
複製
複製成功

cursor

（網頁製作CSS中的光標類型）

鎖定
Cursor是網頁製作CSS中的光標類型，與圖標文件Icon一樣，是特殊類型的小位圖。
中文名
cursor
外文名
cursor
擴展名一般為
.cur

目錄

  1. 1 文件拓展名
  2. 2 輔助類
  3. 3 操作類
  4. 4 其他類型
  5. 5 光標類型

cursor文件拓展名

擴展名一般為.cur。與圖標文件Icon一樣，是特殊類型的小位圖，但是光標包含熱點，通過其X和Y座標可跟蹤光標位置的像素。

cursor輔助類

十字準心 cursor: crosshair;
手 cursor: pointer;
cursor: hand;
寫兩個是為了照顧IE5，它只認hand。
等待/沙漏 cursor: wait;
幫助 cursor: help;
無法釋放 cursor: no-drop;
文字/編輯 cursor: text;
可移動對象 cursor: move;

cursor操作類

向上改變大小(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其他類型

自動 cursor: auto;
禁止 cursor:not-allowed;
處理中 cursor: progress;
系統默認 cursor: default;
用户自定義（可用動畫） cursor: url(’ # ‘);
# = 光標文件地址 (注意文件格式必須為：.cur 或 .ani)。

cursor光標類型

語法：
cursor :auto|all-scroll|col-resize|crosshair|default|hand|move|help|no-drop|not-allowed|pointer|progress|row-resize|text|vertical-text|wait|*-resize|url (url)
取值：
auto
:　
-
默認值。瀏覽器根據當前情況自動確定鼠標光標類型。
all-scroll
:　
IE6.0
有上下左右四個箭頭，中間有一個圓點的光標。用於標示頁面可以向上下左右任何方向滾動。
col-resize
:　
IE6.0
有左右兩個箭頭，中間由豎線分隔開的光標。用於標示項目或標題欄可以被水平改變尺寸。
crosshair
:　
-
簡單的十字線光標。
default
:　
-
客户端平台的默認光標。通常是一個箭頭。
hand
:　
-
豎起一隻手指的手形光標。就像通常用户將光標移到超鏈接上時那樣。
move
:　
-
十字箭頭光標。用於標示對象可被移動。
help
:　
-
帶有問號標記的箭頭。用於標示有幫助信息存在。
no-drop
:　
IE6.0
帶有一個被斜線貫穿的圓圈的手形光標。用於標示被拖起的對象不允許在光標的當前位置被放下。
not-allowed
:　
IE6.0
禁止標記（一個被斜線貫穿的圓圈）光標。用於標示請求的操作不允許被執行。
pointer
:　
IE6.0
和hand一樣。豎起一隻手指的手形光標。就像通常用户將光標移到超鏈接上時那樣。
progress
:　
IE6.0
帶有沙漏標記的箭頭光標。用於標示一個進程正在後台運行。
row-resize
:　
IE6.0
有上下兩個箭頭，中間由橫線分隔開的光標。用於標示項目或標題欄可以被垂直改變尺寸。
text
:　
-
用於標示可編輯的水平文本的光標。通常是大寫字母I的形狀。
vertical-text
:　
IE6.0
用於標示可編輯的垂直文本的光標。通常是大寫字母I旋轉90度的形狀。
wait
:　
-
用於標示程序忙用户需要等待的光標。通常是沙漏或手錶的形狀。
*-resize
:　
-
用於標示對象可被改變尺寸方向的箭頭光標。w-resize|s-resize|n-resize|e-resize|ne-resize|sw-resize|se-resize|nw-resize
url (url)
:　IE6.0
用户自定義光標。使用絕對或相對url地址指定光標文件(後綴為.cur或者.ani)。
-
示例：
p { cursor: text; }
a { cursor: pointer; }
body { cursor: url("mycursor.cur"), url("images/cursors/footcursor.cur"), default; }