首页 >web前端 >css教程 > 正文

css如何设置鼠标的形状

原创2020-11-12 11:35:2501287

css设置鼠标的形状的方法:可以利用cursor属性来进行设置,如【span.crosshair {cursor:crosshair;}】。cursor属性规定要显示的光标的类型,默认状态下光标是一个箭头。

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

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

(学习视频分享:css视频教程

默认值:auto

继承性:yes

版本:CSS2

JavaScript 语法:object.style.cursor="crosshair"

可能的值:

default 默认光标(通常是一个箭头)

auto 默认。浏览器设置的光标。

crosshair 光标呈现为十字线。

pointer 光标呈现为指示链接的指针(一只手)

move 此光标指示某对象可被移动。

举例:

span.crosshair {cursor:crosshair;}
span.help {cursor:help;}
span.wait {cursor:wait;}

相关推荐:CSS教程

以上就是css如何设置鼠标的形状的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:css 鼠标
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • HTML5+CSS3快速入门视频教程HTML5+CSS3快速入门视频教程
  • Css3入门视频教程Css3入门视频教程
  • CSS3进阶视频教程CSS3进阶视频教程
  • 视频教程分类