滑鼠樣式(直接複製貼上至html原始碼可見效果)
阿新 • • 發佈:2019-01-10
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
</head>
<body>
<p>將滑鼠移動到這些字上改變滑鼠樣式cursor.</p>
<span style="cursor:auto">style="cursor:auto" 預設</span><br>
<span style="cursor:crosshair"> style="cursor:crosshair" 十字</span><br>
<span style="cursor:default">style="cursor:default" 正常</span><br>
<span style="cursor:e-resize">style="cursor:e-resize" 左伸縮</span><br>
<span style="cursor:help">style="cursor:help" 幫助</span><br>
<span style="cursor:move">style="cursor:move" 可拖動</span><br>
<span style="cursor:n-resize">style="cursor:n-resize" 上伸縮</span><br>
<span style="cursor:ne-resize">style="cursor:ne-resize" 左下右上伸縮</span><br>
<span style="cursor:nw-resize">style="cursor:nw-resize" 左上右下伸縮</span><br>
<span style="cursor:pointer">style="cursor:pointer" 可點選</span><br>
<span style="cursor:progress">style="cursor:progress" 程序中</span><br>
<span style="cursor:s-resize">style="cursor:s-resize" 下伸縮</span><br>
<span style="cursor:se-resize">style="cursor:se-resize" 左上右下伸縮</span><br>
<span style="cursor:sw-resize">style="cursor:sw-resize" 左下右上伸縮e</span><br>
<span style="cursor:text">style="cursor:text" 插入</span><br>
<span style="cursor:w-resize">style="cursor:w-resize" 右伸縮</span><br>
<div style="cursor:wait">style="cursor:wait" 等待</div><br>
</body>
</html>