對span設置鼠標光標樣式

本文轉載自查看原文 2018-04-17 21:12 3846 前端-CSS/ 前端-html

 1 <html>
 2 
 3 <body>
 4 <p>請把鼠標移動到單詞上，可以看到鼠標指針發生變化：</p>
 5     <span style="cursor:auto">Auto</span><br />
 6     <span style="cursor:crosshair">Crosshair</span><br />
 7     <span style="cursor:default">Default</span><br />
 8     <span style="cursor:pointer">Pointer</span><br />
 9     <span style="cursor:move">Move</span><br />
10     <span style="cursor:e-resize">e-resize</span><br />
11     <span style="cursor:ne-resize">ne-resize</span><br />
12     <span style="cursor:nw-resize">nw-resize</span><br />
13     <span style="cursor:n-resize">n-resize</span><br />
14     <span style="cursor:se-resize">se-resize</span><br />
15     <span style="cursor:sw-resize">sw-resize</span><br />
16     <span style="cursor:s-resize">s-resize</span><br />
17     <span style="cursor:w-resize">w-resize</span><br />
18     <span style="cursor:text">text</span><br />
19     <span style="cursor:wait">wait</span><br />
20     <span style="cursor:help">help</span>
21 </body>
22 
23 </html>

crosshair;	十字准心	The cursor render as a crosshair 游標表現為十字准線
cursor: pointer; cursor: hand; 寫兩個是為了照顧IE5，它只認hand。	手	The cursor render as a pointer (a hand) that indicates a link 游標以暗示(手指)的形式來表明有一個連接
cursor: wait;	等待/沙漏	The cursor indicates that the program is busy (often a watch or an hourglass) 游標暗示當前程序正忙(一般為一塊表或是一個沙漏)
cursor: help;	幫助	The cursor indicates that help is available (often a question mark or a balloon) 游標暗示當前位置可得到幫助(一般為問號或是氣球)
cursor: no-drop;	無法釋放	cursor: no-drop;
cursor: text;	文字/編輯	The cursor indicates text 游標暗示當前所處位置為文字內容
cursor: move;	可移動對象	The cursor indicates something that should be moved 游標暗示一些東西應該被移動
cursor: n-resize;	向上改變大小(North)	The cursor indicates that an edge of a box is to be moved up (north) 邊緣可向上移動(北)
cursor: s-resize;	向下改變大小(South)	The cursor indicates that an edge of a box is to be moved down (south) 邊緣可向下方移動(南)
cursor: e-resize;	向右改變大小(East)	The cursor indicates that an edge of a box is to be moved right (east) box邊緣可向右(東)邊移動
cursor: w-resize;	向左改變大小(West)	The cursor indicates that an edge of a box is to be moved left (west) 邊緣可向左移動(西)
cursor: ne-resize;	向上右改變大小(North East)	The cursor indicates that an edge of a box is to be moved up and right (north/east) 游標暗示box的邊緣可向右上方移動(東北方向)
cursor: nw-resize;	向上左改變大小(North West)	The cursor indicates that an edge of a box is to be moved up and left (north/west) 邊緣可向左上方移動(西北)
cursor: se-resize;	向下右改變大小(South East)	The cursor indicates that an edge of a box is to be moved down and right (south/east) 邊緣可向右下方移動(東南)
cursor: sw-resize;	向下左改變大小(South West)	The cursor indicates that an edge of a box is to be moved down and left (south/west) 邊緣可向左下方移動(西南)
cursor: auto;	自動	The browser sets a cursor 瀏覽器設置一個游標
cursor:not-allowed;	禁止	cursor:not-allowed;
cursor: progress;	處理中	cursor: progress;
cursor: default;	系統默認	The default cursor (often an arrow) 默認的游標狀態（通常為一個箭頭）
cursor: url(' # '); # = 光標文件地址 (注意文件格式必須為：.cur 或 .ani)。	用戶自定義（可用動畫）	The url of a custom cursor to be used. 自定義游標的url位置 Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used 注意：在定義完自定義的游標之后在末尾加上一般性的游標，以防那些url所定義的游標不能使用

參考鏈接：http://www.w3school.com.cn/cssref/pr_class_cursor.asp

http://www.jb51.net/css/23361.html

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 css cursor鼠標指針光標樣式pointer 標簽設置文字為單獨樣式 QML設置鼠標樣式 WPF中鼠標光標的設置 C# 設置鼠標光標位置 CSS中cursor 鼠標指針光標樣式（形狀） CSS---cursor 鼠標指針光標樣式（形狀）設置Echarts鼠標懸浮樣式使用標簽為文字設置單獨樣式 MFC 設置鼠標樣式（SetSystemCursor函數問題)