html中自定义鼠标光标

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

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

body{
    cursor:pointer;
}

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

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

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

body{
    cursor:url("图片地址");
}

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

body{
    cursor:url("图片地址"),auto;
}

这样就okay了。

例：

body{
    cursor:url("img/cursor.png"),auto;
}

光标图形：