0
点赞
收藏
分享

微信扫一扫

CSS系列之鼠标样式 cursor

书呆鱼 2022-02-05 阅读 62

目录


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

1、属性值

  1. <url>

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

  1. <x> <y>

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

  1. 关键字值
    在这里插入图片描述

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>

后记

在这里插入图片描述

举报

相关推荐

0 条评论