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>

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　2020-04-24 写html

欢迎评论点赞哦~~~ssh