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

Introduction to changing the mouse to hand style using CSS

不言
不言Original
2018-07-02 09:26:462076browse

This article mainly introduces the relevant information about using CSS to change the mouse to a hand-shaped style. It is very good and has reference value. Friends who need it can refer to it

In the p or other tags set by yourself, For a better experience, the mouse will be changed into a gesture during the sliding process.

Briefly summarize the corresponding CSS styles. In the p where

is located, just add cursor:pointer.

Example:

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

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

The above is the entire content of this article, I hope it will be helpful to everyone’s learning Help, please pay attention to the PHP Chinese website for more related content!

Related recommendations:

CSS3 implements mouse hover to display expanded content

Use CSS3 to create a border when the mouse hovers Rotate

The above is the detailed content of Introduction to changing the mouse to hand style using CSS. For more information, please follow other related articles on 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