html中自定义鼠标光标

是不是有时候看着浏览器里默认的光标很窝火？尤其是当自己的网页很fashion的时候，其实，自定义光标形状很容易。

CSS中有一个叫cursor的属性。它的值就可以定义光标形状，例如：

body{
    cursor:pointer;
}

整篇网页的光标都会变成手的形状。

其他还有很多默认值可以自己去了解一下。

今天主要说想要选取一张好看的图片作为网页光标时应该怎么办：

body{
    cursor:url(https://blog.csdn.net/%3Cspan%20class=%22hljs-string%22%3E"%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80"%3C/span%3E);
}

但这样设置之后往往不能奏效，还应在值后面加一个默认值，就像这样：

body{
    cursor:url(https://blog.csdn.net/%3Cspan%20class=%22hljs-string%22%3E"%E5%9B%BE%E7%89%87%E5%9C%B0%E5%9D%80"%3C/span%3E),auto;
}

这样就okay了。

例：

body{
    cursor:url(https://blog.csdn.net/%3Cspan%20class=%22hljs-string%22%3E"img/cursor.png"%3C/span%3E),auto;
}

光标图形：