html鼠标指针变化控制

最新推荐文章于 2021-11-10 18:46:22 发布

原创最新推荐文章于 2021-11-10 18:46:22 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html

html 同时被 2 个专栏收录

4 篇文章

订阅专栏

2014年4月

2 篇文章

订阅专栏

<body>




<p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p>
<span style="cursor:auto">
Auto</span><br />
<span style="cursor:crosshair">  
Crosshair</span><br />  <!--十字-->
<span style="cursor:default">
Default</span><br />  <!--不变-->
<span style="cursor:pointer">
Pointer</span><br />                      <!--小手-->
<span style="cursor:move">
Move</span><br />  <!--移动的箭头-->
<span style="cursor:e-resize">
e-resize</span><br />  <!--左右拉长箭头-->
<span style="cursor:ne-resize">
ne-resize</span><br />  <!--右上左下拉长箭头-->
<span style="cursor:nw-resize">
nw-resize</span><br />  <!--左上右下拉长箭头-->
<span style="cursor:n-resize">
n-resize</span><br />  <!--上下拉长箭头-->
<span style="cursor:se-resize">
se-resize</span><br />  
<span style="cursor:sw-resize">
sw-resize</span><br />  
<span style="cursor:s-resize">
s-resize</span><br />  
<span style="cursor:w-resize">
w-resize</span><br />  
<span style="cursor:text">
text</span><br />  
<span style="cursor:wait">
wait</span><br />  <!--变成加载箭头-->
<span style="cursor:help">
help</span>   <!--变成小问号-->


</body>