CSS鼠标形状

最新推荐文章于 2024-10-01 22:30:57 发布

置顶 LLLLLLLLLLLLL刘

最新推荐文章于 2024-10-01 22:30:57 发布

阅读量712

点赞数

分类专栏：入门 div+css

本文链接：https://blog.csdn.net/weixin_44021910/article/details/95214005

版权

入门同时被 2 个专栏收录

21 篇文章 0 订阅

订阅专栏

div+css

11 篇文章 0 订阅

订阅专栏

CSS鼠标手型效果 
<a href="#" style="cursor:hand">CSS鼠标手型效果</a>
    
CSS鼠标手型效果 
<a href="#" style="cursor:pointer">CSS鼠标手型效果</a>
    注：pointer也是小手鼠标，建议大家用pointer，因为它可以兼容多种浏览器。
    
 CSS鼠标由系统自动给出效果 
 <a href="#" style="cursor:auto">CSS鼠标由系统自动给出效果</a>
    
CSS鼠标十字型 效果 
<a href="#" style="cursor:crosshair">CSS鼠标十字型 效果</a>
    
CSS鼠标I字型效果
 <a href="#" style="cursor:text">CSS鼠标I字形效果</a>
    
CSS鼠标等待效果
 <a href="#" style="cursor:wait">CSS鼠标等待效果</a>
    
CSS鼠标默认效果
 <a href="#" style="cursor:default">CSS鼠标默认效果</a>
    
CSS鼠标向右的箭头效果 
<a href="#" style="cursor:e-resize">CSS鼠标向右的箭头效果</a>
    
CSS鼠标向右上箭头效果 
<a href="#" style="cursor:ne-resize">CSS鼠标向右上箭头效果</a>
    
CSS鼠标向上箭头效果 
<a href="#" style="cursor:n-resize">CSS鼠标向上箭头效果</a>
    
CSS鼠标向左上箭头效果 
<a href="#" style="cursor:nw-resize">CSS鼠标向左上箭头效果</a>
    
CSS鼠标向左箭头效果 
<a href="#" style="cursor:w-resize">CSS鼠标向左箭头效果</a>
    
CSS鼠标向坐下箭头效果
 <a href="#" style="cursor:sw-resize">CSS鼠标向坐下箭头效果</a>
    
CSS鼠标向右下箭头效果 
<a href="#" style="cursor:s-resize">CSS鼠标向右下箭头效果</a>