語軒閣: CSS 語法「cursor 屬性」改變滑鼠游標的形狀

2012年2月8日星期三

CSS 語法裡面有一個還滿好玩的功能「cursor 屬性」可以改變滑鼠游標的形狀，設定在文字或圖片上面，當滑鼠移上去時，就可以看到滑鼠游標的形狀~

CSS 語法如下 ↓

1
2
3

.myMOUSE {
    cursor: help;
}

1
2
3

<div class="myMOUSE">
    文字內容...文字內容...文字內容...文字內容...文字內容...
</div>

其他「cursor 屬性」功能如下：

滑鼠游標摸上去就可以看到

.myMOUSE{ cursor: auto; }

.myMOUSE{ cursor: crosshair; }

.myMOUSE{ cursor: default; }

.myMOUSE{ cursor: e-resize; }

.myMOUSE{ cursor: help; }

.myMOUSE{ cursor: move; }

.myMOUSE{ cursor: n-resize; }

.myMOUSE{ cursor: ne-resize; }

.myMOUSE{ cursor: nw-resize; }

.myMOUSE{ cursor: pointer; }

.myMOUSE{ cursor: progress; }

.myMOUSE{ cursor: s-resize; }

.myMOUSE{ cursor: text; }

.myMOUSE{ cursor: w-resize; }

.myMOUSE{ cursor: wait; }

.myMOUSE{ cursor: inherit; }