Home > Web Front-end > CSS Tutorial > Introduction to changing the mouse to hand style using CSS

Introduction to changing the mouse to hand style using CSS

高洛峰
Release: 2017-03-07 13:16:59
Original
2904 people have browsed it

In the self-set p or other tags, in order to have a better experience, the mouse will be changed into a gesture during the sliding process.

Briefly summarize the corresponding styles of css. In the p where

is located, just add cursor:pointer.

Example:

<div id="doPrint" style="border: solid;width: 64%;margin: 0% 20%;height: 65%;display: block;cursor:pointer;">     
        手势变化区域     
</div>
Copy after login

The corresponding attribute values ​​​​are as follows:

auto                    :标准光标       
default                 :标准箭头       
pointer, hand           :手形光标       
wait                    :等待光标       
text                    :I形光标       
vertical-text           :水平I形光标       
no-drop                 :不可拖动光标       
not-allowed             :无效光标       
help                    :帮助光标       
all-scroll              :三角方向标       
move                    :移动标       
crosshair               :十字标
Copy after login

More CSS changes the mouse to a hand shape For articles related to style introduction, please pay attention to the PHP Chinese website!

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