网站鼠标样式修改教程

2020-11-28 61314阅读

前几天有小伙伴问我如何修改网站的鼠标样式,今天我打算把修改方法教给大家,贴心的准备了两种鼠标样式。

样式一

网站鼠标样式修改教程  鼠标样式 网站鼠标 第1张

样式二

网站鼠标样式修改教程  鼠标样式 网站鼠标 第2张

代码一

放在页面CSS代码处,图标样式可以自行修改,刷新一下网页,即可看到效果。

<style>
body {
    cursor: url(https://cos.CDN.azpay.cn/uploads/2021/11/28/default.cur),
        default;
}
a,
img {
    cursor: url(https://cos.cdn.azpay.cn/uploads/2021/11/28/pointer.cur),
        default;
}
</style>

代码二

<style>
body {
    cursor: url(https://cos.cdn.azpay.cn/uploads/2021/11/28/arrow.cur),
        default;
}
a,
img {
    cursor: url(https://cos.cdn.azpay.cn/uploads/2021/11/28/btn.cur),
        default;
}
</style>


文章版权声明:除非注明,否则均为便宜技术猫原创文章,转载或复制请以超链接形式并注明出处。
取消
支付宝二维码
支付宝二维码
微信二维码