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

顺晟科技

2022-09-13 13:31:10

192

在网上解决别的问题的时候碰到了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中修改鼠标光标(指针)的下一篇：css 鼠标提示样式预览表[转]

网站建设

Css

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