WordPress如何用css修改鼠标的样式?

一直看到其他博客上有把鼠标换成非浏览器默认的格式,自己也研究了一下。有人是通过插件实现的也有的是通过css实现的,插件的话使用的太多会减慢网页打开的速度,下面给大家分享一个css方法:

首先进入后台——外观——编辑——style.css

在body和a:hover中分别加入样式就可以了。

cursor: url(images/鼠标样式图片的名称.png), auto;

移动鼠标在页面上试试,看看你的鼠标起了什么变化吧!如果没有变化,记得刷新一下或者检查一下图片的路径有没有写对。

温馨提示:鼠标样式图片要上传的相应主题下的images文件夹中。

下面是对这15种鼠标默认效果的解释。
hand是手型
pointer也是手型(这里推荐使用这种,因为这可以在多种浏览器下使用)
crosshair是十字型
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
help是问号
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果

点赞

发表评论