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="#" >CSS鼠标手型效果</a><br/>
  11. Example:CSS鼠标手型效果 <a href="#" >CSS鼠标手型效果</a><br/>
  12. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注:pointer也是小手鼠标,建议大家用pointer,因为它可以兼容多种浏览器。<br/>
  13. Example:CSS鼠标由系统自动给出效果 <a href="#" >CSS鼠标由系统自动给出效果</a><br/>
  14. Example:CSS鼠标十字型 效果 <a href="#" >CSS鼠标十字型 效果</a><br/>
  15. Example:CSS鼠标I字型效果 <a href="#" >CSS鼠标I字形效果</a><br/>
  16. Example:CSS鼠标等待效果 <a href="#" >CSS鼠标等待效果</a><br/>
  17. Example:CSS鼠标默认效果 <a href="#" >CSS鼠标默认效果</a><br/>
  18. Example:CSS鼠标向右的箭头效果 <a href="#" >CSS鼠标向右的箭头效果</a><br/>
  19. Example:CSS鼠标向右上箭头效果 <a href="#" >CSS鼠标向右上箭头效果</a><br/>
  20. Example:CSS鼠标向上箭头效果 <a href="#" >CSS鼠标向上箭头效果</a><br/>
  21. Example:CSS鼠标向左上箭头效果 <a href="#" >CSS鼠标向左上箭头效果</a><br/>
  22. Example:CSS鼠标向左箭头效果 <a href="#" >CSS鼠标向左箭头效果</a><br/>
  23. Example:CSS鼠标向左下箭头效果 <a href="#" >CSS鼠标向左下箭头效果</a><br/>
  24. Example:CSS鼠标向下箭头效果 <a href="#" >CSS鼠标向下箭头效果</a><br/>
  25. Example:CSS鼠标向右下箭头效果 <a href="#" >CSS鼠标向下箭头效果</a><br/>
  26. </body>
  27. </html>