Home >Web Front-end >CSS Tutorial >Introduction to changing the mouse to hand style using CSS
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!