Community Learn Tools Library Leisure

English

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

2921 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：

css style

source：php.cn

Previous article：A brief discussion on CSS transition, animation and transformation methods Next article：A comprehensive understanding of absolute positioning

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