CSS鼠标悬停效果-优快云博客

本文链接：https://blog.youkuaiyun.com/Delond/article/details/22914003

<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>

html鼠标指针变化控制