CSS property settings mouse for hand type

Source: Internet
Author: User

In general, the mouse is displayed as a diagonal upward arrow, moving to a vertical line with a head when moved to the text, and moving to the hyperlink to a hand shape. However, using CSS to control the display of the mouse, such as the mouse can be moved to the normal text is also displayed as a hand type.

The syntax for controlling the CSS is as follows:

<span style= "cursor:*" > text or other page elements </span>

Change * to one of the following 15 effects:

Hand, Crosshair, text, wait, default, Help, E-resize, Ne-resize, N-resize, Nw-resize, W-resize, Sw-resize, S-resize, Se-resize and Auto.

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

Crosshair is a cross-type

Text is the effect that moves to the text

Wait is the kind of effect that waits

Default is the defaults effect

Help is a question mark

E-size 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

Related Article

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.