CSS滑鼠指標cursor樣式

標籤：線上測試   url   size   定義   com   特定   ext   sch   參考   

參考來源：W3SCHOOL

有時我們需要在CSS布局時設定特定的滑鼠指標樣式，這時可以通過設定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: 此游標指示可用的協助（通常是一個問號或一個氣球）;

 

例如：<span style="cursor:auto">

線上測試：線上測試地址

CSS滑鼠指標cursor樣式