Home >Web Front-end >CSS Tutorial >How to change mouse style in css
Common mouse styles are arrows or small hand shapes. In addition, we can according to our own requirements, Use the cursor property in CSS to change the appearance of the mouse cursor.
Recommended study: "CSS Tutorial"
Below we will introduce to you the differences of the mouse cursor style.
The code is as follows:
<!DOCTYPE>
<html>
<meta charset="utf-8">
<head>
<title></title>
</head>
<body>
<a href=# style=cursor:crosshair;>十字准线</a><hr>
<a href=# style=cursor:text;> text </a><hr>
<a href=# style=cursor:wait;>等待的形状</a><hr>
<a href=# style=cursor:move;>移动的形状</a><hr>
<a href=# style=cursor:help;>帮助的形状</a><hr>
<a href=# style=cursor:default;>默认的形状</a><hr>
<a href=# style=cursor:hand;>小手状</a>
</body>
</html>You can copy the above code locally for testing. When the mouse hovers over each hyperlink, the different changes will be displayed. Cursor style.
Crosshair style:
##Text Style when editing:
Waiting style:
Mobile style:
Help style:
Default arrow style:
Small hand style:
The above is the detailed content of How to change mouse style in css. For more information, please follow other related articles on the PHP Chinese website!