前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Wordpress鼠标指针样式自定义

Wordpress鼠标指针样式自定义

作者头像
宋天伦
发布2020-07-16 10:42:29
1.7K0
发布2020-07-16 10:42:29
举报
文章被收录于专栏:frytea

继续折腾自己的博客!

今天要做的事自定义鼠标样式!需要做的是增加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 条评论
热度
最新
推荐阅读
相关产品与服务
网站建设
网站建设(Website Design Service,WDS),是帮助您快速搭建企业网站的服务。通过自助模板建站工具及专业设计服务,无需了解代码技术,即可自由拖拽模块,可视化完成网站管理。全功能管理后台操作方便,一次更新,数据多端同步,省时省心。使用网站建设服务,您无需维持技术和设计师团队,即可快速实现网站上线,达到企业数字化转型的目的。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档