MENU

Catalog

    Wordpress鼠标指针样式自定义

    January 12, 2019 • Read: 389 • 博客技术

    继续折腾自己的博客!

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

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

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

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

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

    
    /** 鼠标样式 开始**/ 
    /** 普通指针样式**/ 
    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

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

    Last Modified: July 17, 2019
    Archives QR Code Tip
    QR Code for this page
    Tipping QR Code