zoukankan      html  css  js  c++  java

  • css鼠标手型cursor中hand与pointer

    css鼠标手型cursor中hand与pointer

    Example：CSS鼠标手型效果 CSS鼠标手型效果

    Example：CSS鼠标手型效果 CSS鼠标手型效果

    注：pointer也是小手鼠标，建议大家用pointer，因为它可以兼容多种浏览器。

    Example：CSS鼠标由系统自动给出效果 CSS鼠标由系统自动给出效果

    Example：CSS鼠标十字型 效果 CSS鼠标十字型 效果

    Example：CSS鼠标I字型效果 CSS鼠标I字形效果

    Example：CSS鼠标等待效果 CSS鼠标等待效果

    Example：CSS鼠标默认效果 CSS鼠标默认效果

    Example：CSS鼠标向右的箭头效果 CSS鼠标向右的箭头效果

    Example：CSS鼠标向右上箭头效果 CSS鼠标向右上箭头效果

    Example：CSS鼠标向上箭头效果 CSS鼠标向上箭头效果

    Example：CSS鼠标向左上箭头效果 CSS鼠标向左上箭头效果

    Example：CSS鼠标向左箭头效果 CSS鼠标向左箭头效果

    Example：CSS鼠标向左下箭头效果 CSS鼠标向左下箭头效果

    Example：CSS鼠标向下箭头效果 CSS鼠标向下箭头效果

    Example：CSS鼠标向右下箭头效果 CSS鼠标向下箭头效果

    源码:

    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <meta charset="utf-8"/>
    5. <title>鼠标悬浮显示效果</title>
    6. </head>
    7. <body>
    8. <h2>鼠标悬浮显示效果</h2>
    9. css鼠标手型cursor中hand与pointer  <br/>
    10. Example：CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a><br/>
    11. Example：CSS鼠标手型效果 <a href="#" style="cursor:pointer">CSS鼠标手型效果</a><br/>
    12. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：pointer也是小手鼠标，建议大家用pointer，因为它可以兼容多种浏览器。<br/>
    13. Example：CSS鼠标由系统自动给出效果 <a href="#" style="cursor:auto">CSS鼠标由系统自动给出效果</a><br/>
    14. Example：CSS鼠标十字型 效果 <a href="#" style="cursor:crosshair">CSS鼠标十字型 效果</a><br/>
    15. Example：CSS鼠标I字型效果 <a href="#" style="cursor:text">CSS鼠标I字形效果</a><br/>
    16. Example：CSS鼠标等待效果 <a href="#" style="cursor:wait">CSS鼠标等待效果</a><br/>
    17. Example：CSS鼠标默认效果 <a href="#" style="cursor:default">CSS鼠标默认效果</a><br/>
    18. Example：CSS鼠标向右的箭头效果 <a href="#" style="cursor:e-resize">CSS鼠标向右的箭头效果</a><br/>
    19. Example：CSS鼠标向右上箭头效果 <a href="#" style="cursor:ne-resize">CSS鼠标向右上箭头效果</a><br/>
    20. Example：CSS鼠标向上箭头效果 <a href="#" style="cursor:n-resize">CSS鼠标向上箭头效果</a><br/>
    21. Example：CSS鼠标向左上箭头效果 <a href="#" style="cursor:nw-resize">CSS鼠标向左上箭头效果</a><br/>
    22. Example：CSS鼠标向左箭头效果 <a href="#" style="cursor:w-resize">CSS鼠标向左箭头效果</a><br/>
    23. Example：CSS鼠标向左下箭头效果 <a href="#" style="cursor:sw-resize">CSS鼠标向左下箭头效果</a><br/>
    24. Example：CSS鼠标向下箭头效果 <a href="#" style="cursor:s-resize">CSS鼠标向下箭头效果</a><br/>
    25. Example：CSS鼠标向右下箭头效果 <a href="#" style="cursor:se-resize">CSS鼠标向下箭头效果</a><br/>
    26. </body>
    27. </html>
  • 相关阅读:
    五、nginx 配置实例-负载均衡
    四、nginx配置实例-反向代理
    三、nginx配置文件
    二、Nginx 安装
    十二、rpm包的管理
    十一、进程管理
    十、Linux磁盘分区、挂载
    九、定时任务调度
    八、组管理和权限管理
    七、实用指令
  • 原文地址：https://www.cnblogs.com/1995hxt/p/6000299.html
Copyright © 2011-2022 走看看