選單 Menu
計數器 Counter
TODAY : 304304304
YESTERDAY : 356356356
TOTAL : 1314552131455213145521314552131455213145521314552
網頁知識 : 滑鼠游標設定CSS筆記
作者 設計師 於 2012年01月01日 14:30:00 (7083 次閱讀)

滑鼠游標設定CSS案為。

使用CSS cursor 屬性來設定。以下列出常用的滑鼠游標,以及它們設定的方式 (直接將滑鼠置於右邊結果的欄位,您就可以看到該滑鼠游標的圖案):

CSS 樣式顯現結果
{ cursor: crosshair; }滑鼠游標圖案為 crosshair
{ cursor: pointer; }滑鼠游標圖案為 pointer
{ cursor: text; }滑鼠游標圖案為 text
{ cursor: move; }滑鼠游標圖案為 move
{ cursor: wait; }滑鼠游標圖案為 wait
{ cursor: help; }滑鼠游標圖案為 help
{ cursor: progress; }滑鼠游標圖案為 progress
{ cursor: not-allowed; }滑鼠游標圖案為 not-allowed
{ cursor: no-drop; }滑鼠游標圖案為 no-drop
{ cursor: no-vertical-text; }滑鼠游標圖案為 no-vertical-text
{ cursor: all-scroll; }滑鼠游標圖案為 all-scroll
{ cursor: col-resize; }滑鼠游標圖案為 col-resize
{ cursor: row-resize; }滑鼠游標圖案為 row-resize
{ cursor: e-resize; }滑鼠游標圖案為 e-resize
{ cursor: ne-resize; }滑鼠游標圖案為 ne-resize
{ cursor: n-resize; }滑鼠游標圖案為 n-resize
{ cursor: nw-resize; }滑鼠游標圖案為 nw-resize
{ cursor: w-resize; }滑鼠游標圖案為 w-resize
{ cursor: sw-resize; }滑鼠游標圖案為 sw-resize
{ cursor: s-resize; }滑鼠游標圖案為 s-resize
{ cursor: se-resize; }滑鼠游標圖案為 se-resize

我們也可以自定游標圖案。

自定圖案的語法是: { cursor: url(圖案網址); }