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

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;

9 留言

  1. 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!

  2. 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.

  3. 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?

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

  5. 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?

  6. 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.

  7. 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? https://accounts.binance.com/bg/register?ref=P9L9FQKY

  8. Thanks for sharing. I read many of your blog posts, cool, your blog is very good. https://www.binance.com/kz/register?ref=FIHEGIZ8

  9. 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. https://www.binance.com/sl/register?ref=V2H9AFPY

發表迴響