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

高洛峰
高洛峰Original
2017-03-07 13:16:592922browse

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>

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               :十字标

More CSS changes the mouse to a hand shape For articles related to style introduction, please pay attention to 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