CSS Controls Mouse shapes

Source: Internet
Author: User

Coincidence to use the mouse style effect, the way to organize the next 15 kinds of CSS mouse styles. CSS mouse style syntax is as follows:
Insert Style= "cursor:*" in any label
Example: <span style= "cursor:*" > text or other page elements </span> <a href= "#" style= "cursor:*" > text or other page elements </a> Note the * Change to one of the following 15 effects:

Here is an explanation of these 15 effects. Move your mouse to explain the above and see what changes have been made to your mouse!
Hand is hand-shaped
Example: CSS mouse hand effect <a href= "#" style= "Cursor:hand" >css mouse hand-shaped effect </a>

Pointer is also a hand type, which is recommended here because it can be used in a variety of browsers.
Example: CSS mouse hand effect <a href= "#" style= "Cursor:pointer" >css mouse hand-shaped effect </a>

Crosshair is a cross-type
Example: CSS mouse cross-effect <a href= "#" style= "Cursor:crosshair" >css mouse cross-effect </a>

Help is a question mark
Example: CSS mouse question mark effect <a href= "#" style= "cursor:help" >css mouse question mark effect </a>

The following writing is the same, here will not be finished.
Text is the effect that moves to the text
Wait is the kind of effect that waits
Default is the defaults effect
E-resize is the right arrow
Ne-resize is the arrow on the right
N-resize is the upward arrow
Nw-resize is the arrow on the left
W-resize is the left arrow
Sw-resize is the arrow below the left
S-resize is the downward arrow
Se-resize is the arrow down to the right
Auto is automatically given an effect by the system

CSS Controls Mouse shapes

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.