WordPress博客教程添加自定义鼠标样式


WordPress博客教程添加自定义鼠标样式
WordPress博客添加自定义鼠标样式

方法/步骤

一、准备好.cur格式的鼠标样式,准备2个,一个是普通箭头样式一个是鼠标移动到链接处的手掌样式,你也可以个性化自己的鼠标样式

二、在当前主题header.php文件中的/head前添加以下样式:

  1. <style type="text/css">  
  2.    body {  
  3.      cursor: url("https://www.chiser.cc/images/MacOS.cur"), auto;  
  4.    }  
  5.    a:hover{cursor: url("https://www.chiser.cc/images/Hand.cur"),pointer;}  
  6. style>  

三、其中https://www.chiser.cc/images/MacOS.cur是正常状态下的鼠标样式的文件绝对地址,https://www.chiser.cc/images/Hand.cur是鼠标移动到链接处的鼠标样式绝对地址

四、保存完毕后刷新网页即可看到效果

本文由 冰风BOKE 作者:冰风 发表,其版权均为 冰风BOKE 所有,文章内容系作者个人观点,不代表 冰风BOKE 对观点赞同或支持。如需转载,请注明文章来源。
0

发表评论