Home > Web Front-end > HTML Tutorial > html mouse css control_HTML/Xhtml_web page production

html mouse css control_HTML/Xhtml_web page production

WBOY
Release: 2016-05-16 16:43:56
Original
1470 people have browsed it

Generally speaking, the mouse is displayed as an upward diagonal arrow, which changes to a headed vertical line when moved over text, and becomes a hand when moved over a hyperlink. However, CSS can be used to control the display effect of the mouse. For example, the mouse can be displayed as a hand when it is moved over ordinary text.
The syntax for controlling with css is as follows:
Text or other page elements
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.

The following is an explanation of these 15 effects. Move your mouse over the explanation and see what happens to your mouse!
hand is the hand shape
crosshair is the cross shape
text is the effect of moving to the text
wait is the effect of waiting
default is the default effect
help is the question mark
e-size is an arrow pointing to the right
ne-resize is an arrow pointing upward to the right
n-resize is an arrow pointing upward
nw-resize is an arrow pointing upward to the left
w-resize is The left arrow
sw-resize is the downward left arrow
s-resize is the downward arrow
se-resize is the right downward arrow
auto is the effect automatically given by the system

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template