WordPress如何修改博客网页鼠标的样式

前言

默认的鼠标样式大家可能已经审美疲劳了,本文将介绍下如何修改鼠标样式,具体效果见本站,当然,手机、平板等触摸屏是看不见的,大神勿喷哈。

打开主题下的CSS样式表,添加一段代码到style.css文件中,然后保存即可。

1
2
3
4
5
6
body {
cursor: url(http://blog.mlldxe.cn/arr112.png), auto;
}
a:hover {
cursor: url(http://blog.mlldxe.cn/arr62.png), auto;
}

PS:第一段是鼠标正常状态下样式,第二段是选择状态下样式。

http://blog.mlldxe.cn/arr112.png是鼠标指针的图片链接,当然,你也可以把样式素材放到网站目录,把代码里的路径换上你放素材的路径即可。

点赞
  1. 哈哈哈啦说道:
    Google Chrome Windows 10

    博主,那个鼠标指针是啥图片啊!想换成电脑指针用 :huaji:

  2. datealive说道:
    Google Chrome Windows 10

    大大可以提供下图片原图吗?我的qq:2448282543,十分感谢~

    1. datealive说道:
      Google Chrome Windows 10

      大大已经不用了,换了个浏览器就能下载链接图片了 :kuanghan:

      1. _犬's说道:
        Safari iPhone iOS 10.3.3

        手机就可以保存。https://blog.mlldxe.cn/鼠标指针样式.jpg

datealive进行回复 取消回复

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