wordpress优化_美化_鼠标样式修改

1.上传鼠标样式文件至服务器

PS:鼠标样式文件要有可访问权限(nginx属组)

wordpress优化_美化_鼠标样式修改

 

2.在style.css样式表里添加以下代码

body {
cursor: url(鼠标样式文件位置), auto;/*普通状态下的鼠标指针*/
}
a:hover {
cursor: url(鼠标样式文件位置), auto;/*有链接状态下的鼠标指针*/
}

下面是本站写法

/** 鼠标样式 开始**/
/** 普通指针样式**/
body {
cursor: url(http://blog.alittletiger.com/wp-content/themes/justnews/5ccab616ea9c8.cur), default;
}
/** 链接指针样式**/
a:hover{cursor:url(http://blog.alittletiger.com/wp-content/themes/justnews/5ccab63d8fc80111.cur), pointer;}
/** 鼠标样式 结束**/

 

3.无链接效果展示

wordpress优化_美化_鼠标样式修改

 

4.有链接效果展示

wordpress优化_美化_鼠标样式修改

 

返回首页

赞赏

微信赞赏支付宝赞赏

WordPress教程

Wordpress优化_插件实现刷新阿里云CDN缓存

2020-3-16 13:59:36

WordPress教程

WordPress优化_后台菜单显示No input file specified

2020-3-17 4:30:22

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
有新消息 消息中心
搜索