好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css怎么改变鼠标样式

在css中,可以通过cursor属性来设置 鼠标样式 ,语法格式“cursor:值;”。cursor属性用于规定要显示的 光标 的类型(形状),可以设置 鼠标指针 放在一个元素边界范围内时所用的光标形状。

本文操作环境:Windows7系统、HT ML 5 && CSS3版,DELL G3 电 脑

有些时候我们并 不想 加文字,图片以及链接,却想要加链接时的鼠标样式。这就用到了我们的 css中的cursor 来设置鼠标指针形状。

cursor属性规定要显示的光标的类型(形状)。该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状。

下面就是鼠标指针 cursor属性 的一些属性值:

实例:

<!DOCTY PE  html>
<html>
<head>
< ;m eta charset="utf-8"> 
<t IT le></title> 
</head>
<body>
<p>请把鼠标移动到单词上:</p>
<span style="cursor:auto">auto</span>< br >
<span style="cursor:crossh ai r">crosshair</span><br>
<span style="cursor:default">default</span><br>
<span style="cursor:e-resize">e-resize</span><br>
<span style="cursor:help">help</span><br>
<span style="cursor:move">move</span><br>
<span style="cursor:n-resize">n-resize</span><br>
<span style="cursor:ne-resize">ne-resize</span><br>
<span style="cursor:nw-resize">nw-resize</span><br>
<span style="cursor:pointer">pointer</span><br>
<span style="cursor: PR ogress">progress</span><br>
<span style="cursor:s-resize">s-resize</span><br>
<span style="cursor:se-resize">se-resize</span><br>
<span style="cursor:sw-resize">sw-resize</span><br>
<span style="cursor:text">text</span><br>
<span style="cursor:w-resize">w-resize</span><br>
<span style="cursor:wait">wait</span><br>
</body>
</html>

这样鼠标就变成我们需要的了。

说明:

还有一种用法其原理是: 利用 了 CSS2 的一个 cursor 的属性 cursor:url (url) ,鼠标文件可以使用 jpg 、 gif 、 ani 和 cur 多种文件格式。需要注意的这种方式只能在 IE5.5 以上浏览器中 正常 显示。

推荐学习:《css视频教程》

以上就是css怎么 改变 鼠标样式的详细内容,更多请关注其它相关 文章 !

总结

以上是 为你收集整理的 css怎么改变鼠标样式 全部内容,希望文章能够帮你解决 css怎么改变鼠标样式 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于css怎么改变鼠标样式的详细内容...

  阅读:23次