首页 > Web开发 > 详细

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

时间:2020-04-24 21:30:06      阅读:68      评论:0      收藏:0      [点我收藏+]

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!