CSS 樣式CSS cursor 指定滑鼠游標的型態

CSS 指定滑鼠游標的型態


指定滑鼠游標的型態,直接將滑鼠游標移到下列範例可看到效果

cursor: crosshair; /*十字線型*/
cursor: cell; /*十字小方格 Firefox, Opera*/
cursor: move; /*十字箭頭(移動)*/
cursor: all-scroll; /*四方捲動*/
cursor: n-resize; /*箭頭朝上*/
cursor: s-resize; /*箭頭朝下*/
cursor: e-resize; /*箭頭朝右*/
cursor: w-resize; /*箭頭朝左*/
cursor: nw-resize; /*箭頭左上*/
cursor: sw-resize; /*箭頭左下*/
cursor: se-resize; /*箭頭朝右上*/
cursor: ne-resize; /*箭頭朝右下*/
cursor: col-resize; /*改變直行數*/
cursor: row-resize; /*改變橫欄數*/
cursor: text; /*I 輸入文字符號*/
cursor: vertical-text; /*垂直文字*/
cursor: help; /*協助加一問號*/
cursor: wait; /*等待中;漏斗*/
cursor: progress; /*進行中;作業中*/
cursor: pointer; /*手型,表示超連結*/
cursor: not-allowed; /*無法使用*/
cursor: context-menu; /*選單 Opera*/

Modification in