您现在的位置是: 首页 » 网页代码 » 鼠标光标怎么不见了?
网页代码

鼠标光标怎么不见了?

网站优化小编十二月 1, 2019 11人已围观

在我们浏览网页时会遇到这种情况:鼠标移动到网页内容上时鼠标光标消失不见,这是什么原因呢?下面我们来看一下出现这种情况的原因。

网站运营中栏目排名优化技巧

在网页编辑时我们可以通过在网页编辑时我们可以通过CSS的cursor属性来设置鼠标光标的样式。我们可以通过为指定标签设置“cursor : none;”属性来实现鼠标光标消失不见。

设置鼠标光标:

<html>

<body>
<p>请把鼠标移动到单词上,可以看到鼠标指针发生变化:</p>
<span style="cursor:none">
none</span><br />
<span style="cursor:crosshair">
Crosshair</span><br />
<span style="cursor:default">
Default</span><br />
<span style="cursor:pointer">
Pointer</span><br />
<span style="cursor:move">
Move</span><br />
<span style="cursor:e-resize">
e-resize</span><br />
<span style="cursor:ne-resize">
ne-resize</span><br />
<span style="cursor:nw-resize">
nw-resize</span><br />
<span style="cursor:n-resize">
n-resize</span><br />
<span style="cursor:se-resize">
se-resize</span><br />
<span style="cursor:sw-resize">
sw-resize</span><br />
<span style="cursor:s-resize">
s-resize</span><br />
<span style="cursor:w-resize">
w-resize</span><br />
<span style="cursor:text">
text</span><br />
<span style="cursor:wait">
wait</span><br />
<span style="cursor:help">
help</span>
</body>

</html>

实现效果:

网站运营中栏目排名优化技巧

cursor 属性

cursor 属性规定要显示的光标的类型(形状)。

该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状(不过 CSS2.1 没有定义由哪个边界确定这个范围)。

相关文章

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:225天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:3138 条
  • 文章评论:18 条
  • 微信公众号:扫描二维码,关注我们