900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > CSS系列之鼠标样式 cursor

CSS系列之鼠标样式 cursor

时间:2018-11-13 08:00:26

相关推荐

CSS系列之鼠标样式 cursor

文章の目录

1、属性值2、注意点3、示例写在最后

cursor属性设置光标的类型(如果有),在鼠标指针悬停在元素上时显示相应样式。

1、属性值

<url>

url(…)或者逗号分隔的url(…),url(…), …,指向图片文件。用大于一个<url>值提供后备,以防某些指针图片类型不被支持。最后必须提供一个非URL后备值。

<x> <y>

可选 x,y坐标。两个小于32的无单位非负数。

关键字值

2、注意点

cursor属性为零个或多个<url>值,它们之间用逗号分隔,最后必填一个关键字值。每个<url>指向一个图像文件。浏览器将尝试加载指定的第一个图像,如果无法加载则返回下一个图像,如果无法加载图像或未指定图像,则使用关键字值代表的指针类型。

每个<url>后面都可选跟一对空格分隔的数字<x><y>表示偏移。它们用来设置指针的热点(即自定义图标的实际点击位置),位置相对于图标的左上角。

3、示例

<ul><li style="cursor:default">我是小白</li><li style="cursor:pointer">我是小手</li><li style="cursor:move">我是移动</li><li style="cursor:text">我是文本</li><li style="cursor:not-allowed">我是文本</li></ul>

写在最后

如果你感觉文章不咋地//(ㄒoㄒ)//,就在评论处留言,作者继续改进;o_O???

如果你觉得该文章有一点点用处,可以给作者点个赞;\\*^o^*//

如果你想要和作者一起进步,可以微信扫描二维码,关注前端老L~~~///(^v^)\\\~~~

谢谢各位读者们啦(^_^)∠※!!!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。