CSS 語法裡面有一個還滿好玩的功能「cursor 屬性」可以改變滑鼠游標的形狀, 設定在文字或圖片上面,當滑鼠移上去時,就可以看到滑鼠游標的形狀~
範例預覽: http://www.flycan.com/flycancss/cursor.htm
CSS 語法寫法如下 ↓
.myMOUSE { cursor: help; } |
套用在 <div> 上面寫法如下 ↓
<divdiv 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; } |
參考資料 w3schools 「CSS cursor Property」
當您對本文有任何問題或指教,歡迎到我們的【網頁設計交流討論區】一起交流討論喔!