前端——鼠标样式

热爱前端，学习前端

已于 2023-05-07 09:39:24 修改

阅读量390

点赞数 1

分类专栏：前端文章标签：前端 javascript html

于 2023-05-07 09:38:48 首次发布

本文链接：https://blog.csdn.net/weixin_61972561/article/details/130539008

版权

前端专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<div style="cursor:auto">1、cursor:auto   </div>
<div style="cursor:crosshair">2、cursor:crosshair</div>
<div style="cursor:default">3、cursor:default</div>
<div style="cursor:e-resize">4、cursor:e-resize</div>
<div style="cursor:help">5、cursor:help</div>
<div style="cursor:move">6、cursor:move</div>
<div style="cursor:n-resize">7、cursor:n-resize</div>
<div style="cursor:ne-resize">8、cursor:ne-resize</div>
<div style="cursor:nw-resize">9、cursor:nw-resize</div>
<div style="cursor:pointer">10、cursor:pointer</div>
<div style="cursor:progress">11、cursor:progress</div>
<div style="cursor:s-resize">12、cursor:s-resize</div>
<div style="cursor:se-resize">13、cursor:se-resize</div>
<div style="cursor:sw-resize">14、cursor:sw-resize</div>
<div style="cursor:text">15、cursor:text</div>
<div style="cursor:w-resize">16、cursor:w-resize</div>
<div style="cursor:wait">17、cursor:wait</div>

其中

min-width，max-width，min-height，max-height指定容器最大、最小宽高

可以与鼠标样式 e-resize，n-resize，ne-resize，nw-resize，s-resize，se-resize，sw-resize，

w-resize.结合使用。