css怎么换鼠标样式

来源：懂视网责编：小采时间：2020-11-02 22:13:31

css怎么换鼠标样式

css怎么换鼠标样式:鼠标样式常见的如箭头或小手形状，除此之外，我们可以根据我们自身的要求，使用css中cursor属性来更改鼠标光标的外观。推荐学习：《CSS教程》下面我们就给大家介绍鼠标光标的不同样式。代码如下：<!DOCTYPE> <html> <meta c

推荐度：

点击下载本文 文档为doc格式

导读css怎么换鼠标样式:鼠标样式常见的如箭头或小手形状，除此之外，我们可以根据我们自身的要求，使用css中cursor属性来更改鼠标光标的外观。推荐学习：《CSS教程》下面我们就给大家介绍鼠标光标的不同样式。代码如下：<!DOCTYPE> <html> <meta c

鼠标样式常见的如箭头或小手形状，除此之外，我们可以根据我们自身的要求，使用css中cursor属性来更改鼠标光标的外观。

推荐学习：《CSS教程》

下面我们就给大家介绍鼠标光标的不同样式。

代码如下：

<!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>

上述代码，大家可以复制到本地进行测试，当鼠标悬停在每个超链上，就会显示更改不同的光标样式。

十字线样式：