CSS mouse hand cursor in hand and pointer

Source: Internet
Author: User

CSS mouse hand cursor in hand and pointer

  • Example:css Mouse Hand Effect <a href="#" style="Cursor:hand">css mouse Hand effect </a ><br/>
  • Example:css Mouse Hand Effect <a href="#" style="Cursor:pointer">css mouse Hand effect </A ><br/>
  • Note: Pointer is also a small hand mouse, we recommend that you use pointer, because it can be compatible with a variety of browsers. <br/>
  • Example:css Mouse is automatically given effect by system  <a  Href= "#"  style= " Cursor:auto ">css mouse by system automatically give effect </a ><br/>  
  • example:css Mouse Cross type   effect  <a  Href= "#"  style= " Cursor:crosshair ">css mouse Cross type   effect </a ><br/>  
  • example:css Mouse I font effect  <a href=< Span class= "Attribute-value" > "#"  style= "Cursor:text" >css mouse I-shaped effect </a> <br/>  
  • example:css Mouse Wait effect  <a href=< Span class= "Attribute-value" > "#"  style= "cursor:wait" >css mouse wait effect </a> <br/>  
  • example:css Mouse Default effect  <a href=< Span class= "Attribute-value" > "#"  style= "cursor: Default ">css mouse defaults effect </a>< span class= "tag" ><br/>  
  • EXAMPLE:CSS Mouse right arrow effect  <a href = "#"  style= "cursor: E-resize ">CSS mouse right Arrow effect </a ><br/>  
  • Example:css mouse right up arrow effect  <a href = "#"  style= "cursor: Ne-resize ">css mouse right up arrow effect </a ><br/>  
  • EXAMPLE:CSS Mouse Up arrow effect  <a href= "#"  style= "cursor: N-resize ">css mouse up Arrow effect </a ><br/>  
  • Example:css Mouse left up arrow effect  <a href = "#"  style= "cursor: Nw-resize ">css mouse left Up arrow effect </a ><br/>  
  • EXAMPLE:CSS Mouse left arrow effect  <a href= "#"  style= "cursor: W-resize ">CSS mouse left arrow effect </a ><br/>  
  • Example:css mouse left down arrow effect  <a href = "#"  style= "cursor: Sw-resize ">css mouse left down arrow effect </a ><br/>  
  • EXAMPLE:CSS Mouse down arrow effect  <a href= "#"  style= "cursor: S-resize ">CSS mouse down arrow effect </a ><br/>  
  • Example:css mouse right down arrow effect  <a href = "#"  style= "cursor: Se-resize ">CSS mouse down arrow effect </a ><br/>  
CSS mouse hand cursor in hand and pointerexample:css mouse hand shape effect <a href= "#" style= "Cursor:hand" >css mouse Hand effect </a><br/> Example:css mouse Hand effect <a href= "#" style= "Cursor:pointer" >css mouse hand shape effect </a><br/> Note: Pointer is also a small hand mouse, It is recommended to use pointer because it can be compatible with many browsers. <br/>example:css mouse by the system automatically give effect <a href= "#" style= "Cursor:auto" >css mouse by the system automatically give effect </a><br/> Example:css Mouse Cross-effect <a href= "#" style= "Cursor:crosshair" >css mouse cross-effect </a><br/>example:css mouse I-font effect <a href= "#" style= "Cursor:text" >css mouse I glyph effect </a><br/>example:css mouse wait effect <a href= "#" style= "cursor : Wait ">css mouse wait effect </a><br/>example:css mouse default effect <a href=" # "style=" Cursor:default ">css mouse Default effect </ A&GT;&LT;BR/&GT;EXAMPLE:CSS Mouse right arrow effect <a href= "#" style= "cursor:e-resize" &GT;CSS mouse right Arrow effect </a><br/> Example:css Mouse right up arrow effect <a href= "#" style= "cursor:ne-resize" >css mouse right up arrow effect </a><br/> EXAMPLE:CSS Mouse Up ARROW effect <a href= "#" style= "cursor:n-resize" &GT;CSS mouse up Arrow effect </a><br/>exampLe:css Mouse left Up arrow effect <a href= "#" style= "cursor:nw-resize" >css mouse left Up arrow effect &LT;/A&GT;&LT;BR/&GT;EXAMPLE:CSS mouse left arrow effect <a href= "#" style= "cursor:w-resize" &GT;CSS mouse left arrow effect &LT;/A&GT;&LT;BR/&GT;EXAMPLE:CSS mouse left down arrow effect <a href= "#" style = "Cursor:sw-resize" >css mouse left down arrow effect &LT;/A&GT;&LT;BR/&GT;EXAMPLE:CSS mouse down arrow effect <a href= "#" style= "Cursor:s-resize ">css mouse down arrow effect &LT;/A&GT;&LT;BR/&GT;EXAMPLE:CSS mouse right down arrow effect <a href=" # "style=" cursor:se-resize "&GT;CSS mouse down arrow effect </a><br/>

Excerpt from Heisetoufa Blog

CSS mouse hand cursor in hand and pointer

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.