首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Wordpress鼠标指针样式自定义

Wordpress鼠标指针样式自定义

作者头像
宋天伦
修改2025-08-12 14:11:06
修改2025-08-12 14:11:06
2.1K0
举报
文章被收录于专栏:fryteafrytea

继续折腾自己的博客!

今天要做的事自定义鼠标样式!需要做的是增加css样式!

第一步:选择鼠标样式,最好是两个状态,正常和链接,即普通的箭头和小手

第二步:将样式的cur文件上传至服务器

第三步:进入后台→主题→自定义→额外css

第四步:在输入框输入如下代码

代码语言:javascript
复制
/** 鼠标样式 开始**/ 
/** 普通指针样式**/ 
body {
cursor: url(https://blog.songtianlun.cn/wp-content/themes/hestia/mouseclink/normal.cur), default;
}
 
/** 链接指针样式**/ 
a:hover{cursor:url(https://blog.songtianlun.cn/wp-content/themes/hestia/mouseclink/link.cur), pointer;}
 
/** 鼠标样式 结束**/

注:根据自己的实际情况修改其中的链接部分,我使用的鼠标样式可以从中获取

第五步:发布,就可以看到效果啦!

本文参考文章:wordpress指针样式自定义——美化你的blog

更多鼠标样式下载:鼠标样式

Author: Frytea

Title: Wordpress鼠标指针样式自定义

Link: https://cloud.tencent.com/developer/article/1662694

Copyright: This work by TL-Song is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档