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

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

範例預覽: http://www.flycan.com/flycancss/cursor.htm

CSS 語法 - 網頁設計  - CSS 語法「cursor 屬性」改變滑鼠游標的形狀 - Fly-011


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」

 

當您對本文有任何問題或指教,歡迎到我們的【飛肯粉絲團】一起交流討論喔!

posted in CSS 語法 - 網頁設計 and tagged , , .

迴響已被關閉。