网站美化:鼠标样式自定义

网站美化:鼠标样式自定义

一、前言

个人网站的鼠标也是可以自定义的。

本站使用的鼠标样式有两种,一个用于正常状态显示,一个用于链接状态显示。效果如下图所示:

网站美化:鼠标样式自定义

二、代码部署

可以看到,鼠标颜色是变化的,其实这个就是两个样子一样,颜色不同的图片而已。

然后在style.css中增加以下代码,知更鸟主题的用户可以添加到外观->主题设置->定制风格->自定义样式里面。

/** 鼠标样式 开始**/
/** 普通指针样式**/
body {
cursor: url(http://cuijiahua.com/xxx/cursor_1.png), default;
}
/** 链接指针样式**/
a:hover{cursor:url(http://cuijiahua.com/xxx/cursor_2.png), pointer;}
/** 鼠标样式 结束**/

将上述两个链接换成自己的鼠标样式图标即可,我使用的鼠标图片在文末可以自行下载。

本人收集的还有自己制作的一些图标分享给大家,欢迎自取。

网站美化:鼠标样式自定义

三、总结

鼠标图标可以根据自己喜好进行选择。

来源:

https://cuijiahua.com/blog/2018/01/website_9.html

微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?