網頁知識:滑鼠游標設定CSS筆記

作者:webmaster 於 2012年01月01日 06:30:00
7935
次閱讀

滑鼠游標設定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(圖案網址); }