今天来到天真网的朋友,可能会发现不一样的地方,那就是本站的鼠标样式换了。嘿嘿css鼠标样式,这个是天真特意换的,毕竟默认的鼠标样式太死板不是!如果你也想和天真一样,想对自己博客的默认鼠标样式进行美化,那么请继续往下看吧!

css鼠标样式_css鼠标特效_css鼠标样式

第一步:大家要去找两个比较好看的鼠标指针(博客中一般也就是用到默认鼠标和点击链接的鼠标样式)。你也可以下载本站使用的,或者直接前往系统之家分享的1067个鼠标指针挑选(点此直达访问其他鼠标指针的样式)。

鼠标指针

注意:一般是cur格式的(ani格式的不起作用),当然你选择png格式也行,有能力的完全也可以自己ps两个。

第二步:将所需鼠标指针下载到本地然后上传到你的网站,比如存放在主题文件 images 文件夹中。(路径可以随意,等第三步记得填写正确的路径即可)。

第三步:这里也以WP博客为例,其他博客自行修改样式表即可。进入WP博客后台,点击外观 >> 编辑(一般默认都是正在使用主题的style.css样式)>> 把以下代码添加到 style.css 文件中更新保存即可。

/** 鼠标样式 开始**/

/** 普通指针样式**/

body {cursor: url(), default;}

/** 链接指针样式**/

a:hover{cursor:url(), pointer;}

/** 鼠标样式 结束**/

注意:记得修改以上代码的鼠标指针路径哦。

第四步:清空浏览器缓存,更新缓存插件和 CDN 的 style.css 文件的缓存css鼠标样式,这样就大功告成了,在博客网站前台就可以看到我们鼠标已经变得更漂亮更有个性了。

拓展阅读

本文只分享了默认鼠标和链接鼠标的样式,而我们一般下载的鼠标指针都包含了很多种情况下的鼠标指针,所以如果想要在博客网站上显示整套的鼠标指针,那么只需要根据需要按照上述添加链接鼠标指针的方法添加相应的CSS代码即可。具体鼠标指针的值如下:

css鼠标特效_css鼠标样式_css鼠标样式

以上各个值对应的鼠标指针样式请移步体验:鼠标指针变化。

公众号:阿哲项目网
站长微信:lovemeaAZ

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注