Home >Web Front-end >CSS Tutorial >How to set mouse gestures in css

How to set mouse gestures in css

王林
王林Original
2020-11-23 14:40:104538browse

How to set mouse gestures in css: You can use the cursor attribute to set it, such as [span.crosshair {cursor:crosshair}]. The cursor attribute defines the cursor used when the mouse pointer is placed within the boundary of an element. shape.

How to set mouse gestures in css

The operating environment of this tutorial: Windows 10 system, CSS3 version. This method is suitable for all brands of computers.

How to set mouse gestures in css:

(Learning video sharing: css video tutorial)

Related attributes:

The cursor attribute defines the cursor shape used when the mouse pointer is placed within the bounds of an element.

Attribute value (part):

  • default Default cursor (usually an arrow)

  • auto Default. The cursor set by the browser.

  • #crosshair The cursor appears as a crosshair.

  • pointer The cursor appears as a pointer (a hand) indicating the link

  • move This cursor indicates that an object can be moved.

  • #wait This cursor indicates that the program is busy (usually a watch or hourglass).

  • #help This cursor indicates available help (usually a question mark or a balloon).

Example:

span.crosshair {cursor:crosshair}
span.help {cursor:help}
span.wait {cursor:wait}

Related recommendations:CSS tutorial

The above is the detailed content of How to set mouse gestures in css. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn