成都网站建设设计

将想法与焦点和您一起共享

css如何改变鼠标样式

这篇文章主要介绍css如何改变鼠标样式,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联专注于平湖网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供平湖营销型网站建设,平湖网站制作、平湖网页设计、平湖网站官网定制、微信小程序服务,打造平湖网络公司原创品牌,更为您提供平湖网站排名全网营销落地服务。

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

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

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

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

css如何改变鼠标样式

实例:




 
 


请把鼠标移动到单词上:

auto
crosshair
default
e-resize
help
move
n-resize
ne-resize
nw-resize
pointer
progress
s-resize
se-resize
sw-resize
text
w-resize
wait

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

css如何改变鼠标样式

说明:

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

以上是“css如何改变鼠标样式”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


本文标题:css如何改变鼠标样式
当前路径:http://chengdu.cdxwcx.cn/article/ggecie.html