紀錄工作經驗、相關知識,解決技術相關問題。

CSS, 未分類

css cursor 鼠標樣式 – 常用屬性整理

CSS cursor 屬性整理

css cursor 可以用來控制滑鼠游標顯示的樣式,以下表格彙整目前可用樣式,將滑鼠滑到 Demo 可以看到對應的結果(陸續整理中):

CSS curcor說明屬性樣式 Demo
CSS curcor 一般箭頭 <p style=”cursor :default> cursor: default; </p>
CSS curcor 文字選取 <p style=”cursor :auto> cursor: auto; </p>
<p style=”cursor :text> cursor: text; </p>
CSS curcor 垂直文字選取 <p style=”cursor :vertical-text> cursor: vertical-text; </p>
CSS curcor 不顯示 <p style=”cursor :none> cursor: none; </p>
CSS curcor 問號樣式 <p style=”cursor :help> cursor: help; </p>
CSS curcor 轉圈圈 / 載入中 / loading 樣式 <p style=”cursor :wait> cursor: wait; </p>
CSS curcor 手指 <p style=”cursor :pointer> cursor: pointer; </p>
CSS curcor 加號 / 急救十字 <p style=”cursor :cell> cursor: cell; </p>
CSS curcor 十字符號 <p style=”cursor :crosshair> cursor: crosshair; </p>
CSS curcor 移動符號 <p style=”cursor :move> cursor: move; </p>
CSS curcor 捷徑符號 <p style=”cursor :alias> cursor: alias; </p>
CSS curcor 複製符號 <p style=”cursor :copy> cursor: copy; </p>
curcor 屬性整理

快速複製 CSS cursor 樣式

CSS curcor 一般箭頭

cursor: default;

CSS curcor 文字選取

cursor: auto;
cursor: text;

CSS curcor 垂直文字選取

cursor: vertical-text;

CSS curcor 不顯示

cursor: none;

CSS cursor 問號

cursor: help;

CSS curcor 轉圈圈 / 載入中 / loading

cursor: wait;

CSS cursor 手指

cursor: pointer;

CSS cursor  加號 / 急救十字

cursor: cell;

CSS cursor 十字符號

cursor: crosshair;

CSS cursor 移動符號

cursor: move;

CSS cursor 捷徑符號

cursor: alias;

CSS cursor 複製符號

cursor: copy;

7 留言

  1. I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article.

  2. Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me?

  3. Your article helped me a lot, is there any more related content? Thanks!

  4. Thank you for your sharing. I am worried that I lack creative ideas. It is your article that makes me full of hope. Thank you. But, I have a question, can you help me?

  5. Reading your article helped me a lot and I agree with you. But I still have some doubts, can you clarify for me? I’ll keep an eye out for your answers.

  6. Looking forward to reading more. great article. Really looking forward to reading more books. cool. I really enjoy reading a thought provoking article. Also, thanks for allowing me to comment!

發表迴響