css cursor屬性設置鼠標放置時的形狀

時間 2020-05-25

標籤 css cursor 屬性設置鼠標放置形狀欄目 CSS 简体版

原文原文鏈接

在網上解決別的問題的時候碰到了css手冊上的這個內容，感受很贊，原來輸入或者點擊時候的樣子能夠設定的呀，還就一句代碼，也許之後用的到，先存下來，嘿嘿嘿~~~css

 1 <html>
 2 
 3 <body>
 4 <p>運行此代碼，把鼠標移動到單詞上，就能夠看到鼠標指針發生變化：</p>
 5 <span style="cursor:auto">
 6 Auto（文本輸入）</span><br />
 7 <span style="cursor:crosshair">
 8 Crosshair（黑色十字）</span><br />
 9 <span style="cursor:default">
10 Default（鼠標）</span><br />
11 <span style="cursor:pointer">
12 Pointer（小手）</span><br />
13 <span style="cursor:move">
14 Move（十字箭頭）</span><br />
15 <span style="cursor:e-resize">
16 e-resize（橫箭頭）</span><br />
17 <span style="cursor:ne-resize">
18 ne-resize（/形狀箭頭）</span><br />
19 <span style="cursor:nw-resize">
20 nw-resize（\形狀箭頭）</span><br />
21 <span style="cursor:n-resize">
22 n-resize（豎箭頭）</span><br />
23 <span style="cursor:se-resize">
24 se-resize（\形狀箭頭）</span><br />
25 <span style="cursor:sw-resize">
26 sw-resize（/形狀箭頭）</span><br />
27 <span style="cursor:s-resize">
28 s-resize（豎箭頭）</span><br />
29 <span style="cursor:w-resize">
30 w-resize（橫箭頭）</span><br />
31 <span style="cursor:text">
32 text（文本輸入）</span><br />
33 <span style="cursor:wait">
34 wait（等待小圈兒）</span><br />
35 <span style="cursor:help">
36 help（問號箭頭）</span>
37 </body>
38 
39 </html>