Loading...

css cursor属性设置鼠标放置时的形状

–>

在网上解决别的问题的时候碰到了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   写

欢迎评论点赞哦~~~

css cursor属性设置鼠标放置时的形状

原文链接:https://www.cnblogs.com/chishaya/p/12769797.html
本文来源 互联网收集,文章内容系作者个人观点,不代表 本站 对观点赞同或支持。如需转载,请注明文章来源,如您发现有涉嫌抄袭侵权的内容,请联系本站核实处理。

© 版权声明

相关文章