2015-09-06

【軟體筆記】CSS 各種滑鼠圖示設定

參考資料 -- http://www.w3schools.com/cssref/tryit.asp?filename=trycss_cursor


語法:style="cursor:auto"

例如: <span style="cursor:e-resize">e-resize</span>

auto:自動,通常為插入線
crosshair:十字線
default:預設,就是一般的箭頭滑鼠
e-resize:左右雙箭頭/水平調整大小
grab:手掌抓取
help:滑鼠右下角有個問號
move:十字箭頭/移動
n-resize:垂直調整大小
ne-resize:右上左下調整大小
nw-resize:左上右下調整大小
pointer:食指點擊連結
progress:處理中
s-resize垂直調整大小
se-resize左上右下調整大小
sw-resize右上左下調整大小
text:文字插入線
w-resize水平調整大小
wait:等待,通常跟 progress(處理中) 圖示相同
not-allowed:禁止
no-drop同 "禁止"






沒有留言:

張貼留言