css - 如何从图像集合中在 CSS 中设置光标

Question

假设我有存储 24x24 光标的 images.png 文件。

如何做这样的事情：

background: url(images.png); background-position: -24px -24px;

使用游标属性。我需要设置一个游标，它的属性应该如下所示：

光标宽度：24px；

光标高度：24px；

光标的背景位置：-24px -24px。

我应该创建一个具有光标背景并在用户移动光标时移动的 div 元素吗？

谢谢！

标签： css

Answer 1

cursor 属性还带有一个 url 函数

div {
   cursor: url(cursor1.svg) 4 4
}