首页 > 教程 >

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

2023-02-15教程围观

简介WordPress教程:WordPress博客添加自定义鼠标样式方法/步骤一、准备好.cur格式的鼠标样式,准备2个,一个是普通箭头样式一个是鼠标移动到链接处的手掌样式,你也可以个性化自己的鼠标样式二、在当前主题header.php文件中的/head前添加以下样式:body{cursor:url("https://www.zztuku.com/uploads/image/20200313/MacO

  

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


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


方法/步骤

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

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

<style type="text/css">  body{cursor: url("https://www.zztuku.com/uploads/image/20200313/MacOS.cur"),auto;}a:hover{cursor:url("https://www.zztuku.com/uploads/image/20200313/Hand.cur"),pointer;}</style>

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

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



下载链接:网站源码/小程序源码/网站模板下载

Tags: WordPress 博客 教程 添加 样式