HTML mouse css control

HTML mouse css control
Generally speaking, the mouse is displayed as an upward slanting arrow, which becomes a headed vertical line when moved over text, and becomes a hand shape when moved over a hyperlink. However, CSS can be used to control the display effect of the mouse, such as making the mouse appear as a hand shape when it moves over ordinary text.
The syntax for controlling with CSS is as follows:
<span style="cursor:*">Text or other page elements</span>
Replace * with 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.

Below is an explanation of each of the 15 effects. Move your mouse over the explanation and see what happens to your mouse!
hand is the hand shape
Crosshair is a cross
text is the effect of moving to the text
Wait is the effect of waiting
default is the default effect
help is a question mark
e-size is a right-pointing arrow
ne-resize is an arrow pointing to the upper right
n-resize is an upward arrow
nw-resize is an arrow pointing to the upper left
w-resize is a left arrow
sw-resize is the lower left arrow
s-resize is the downward arrow
se-resize is the arrow pointing down to the right
auto is the system automatically gives the effect

<<:  What are the advantages of using B+ tree index in MySQL?

>>:  How to handle token expiration in WeChat Mini Programs

Recommend

mysql 5.7.20 win64 installation and configuration method

mysql-5.7.20-winx64.zipInstallation package witho...

How to install redis5.0.3 in docker

1. Pull the official 5.0.3 image [root@localhost ...

Data storage implementation method in WeChat applet

Table of contents Global variable globalData Page...

About the layout method of content overflow in table

What is content overflow? In fact, when there is ...

MySQL database monitoring software lepus usage problems and solutions

When using lepus3.7 to monitor the MySQL database...

A simple way to achieve scrolling effect with HTML tag marquee (must read)

The automatic scrolling effect of the page can be...

The process of quickly converting mysql left join to inner join

During the daily optimization process, I found a ...

Troubleshooting ideas and solutions for high CPU usage in Linux systems

Preface As Linux operation and maintenance engine...

5 ways to make your JavaScript codebase cleaner

Table of contents 1. Use default parameters inste...

avue-crud implementation example of multi-level complex dynamic header

Table of contents Preface Background data splicin...

MySQL 5.7.18 zip version installation tutorial

The mysql 5.7.18 zip version of MySQL is not like...