CSS-cursor 屬性

定義和用法

cursor 屬性規定要顯示的光標的類型（形狀）

取值

值	描述
url	需使用的自定義光標的 URL。 註釋：請在此列表的末端始終定義一種普通的光標，以防沒有由 URL 定義的可用光標。
default	默認光標（通常是一個箭頭）
auto	默認。瀏覽器設置的光標。
crosshair	光標呈現爲十字線。
pointer	光標呈現爲指示鏈接的指針（一隻手）
move	此光標指示某對象可被移動。
e-resize	此光標指示矩形框的邊緣可被向右（東）移動。
ne-resize	此光標指示矩形框的邊緣可被向上及向右移動（北/東）。
nw-resize	此光標指示矩形框的邊緣可被向上及向左移動（北/西）。
n-resize	此光標指示矩形框的邊緣可被向上（北）移動。
se-resize	此光標指示矩形框的邊緣可被向下及向右移動（南/東）。
sw-resize	此光標指示矩形框的邊緣可被向下及向左移動（南/西）。
s-resize	此光標指示矩形框的邊緣可被向下移動（南）。
w-resize	此光標指示矩形框的邊緣可被向左移動（西）。
text	此光標指示文本。
wait	此光標指示程序正忙（通常是一隻表或沙漏）。
help	此光標指示可用的幫助（通常是一個問號或一個氣球）。

示例

<style>
		#draggable{
			width: 200px;
			height: 200px;
			padding: 0.5em;
			cursor: move;
		}
</style>