html+css：自定义鼠标指针图案

2023-10-18 03:42| 来源: 网络整理| 查看: 265

应该会有人喜欢这种自定义的鼠标指针吧

想要在html中自定义鼠标指针，只需要在body中加上这么一句话

1.本地图片版 --------- .png .jpg图片格式 (上传了两个鼠标指针图片，可自行下载。)

body{

cursor:url('图片地址'),auto;

}

PS：图片分辨率建议32px。

2.网址版(不稳定) ----------- .cur后缀

例如：

body { cursor: url(https://images.cnblogs.com/cnblogs_com/jingjingjingjingjingjingrj/1701449/o_200415081944o_cursor.png),auto; } body { cursor: url(https://cdn.jsdelivr.net/gh/moezx/[email protected]/img/Sakura/cursor/normal.cur), auto; } a { cursor: url(https://cdn.jsdelivr.net/gh/moezx/[email protected]/img/Sakura/cursor/ayuda.cur), auto } a:active { cursor: url(https://cdn.jsdelivr.net/gh/moezx/[email protected]/img/Sakura/cursor/work.cur), alias } p { cursor: url(https://cdn.jsdelivr.net/gh/moezx/[email protected]/img/Sakura/cursor/texto.cur), auto } span { cursor: url(https://cdn.jsdelivr.net/gh/moezx/[email protected]/img/Sakura/cursor/No_Disponible.cur), auto; } body { cursor: cursor: url(https://cdn.jsdelivr.net/gh/fz6m/[email protected]/image/cursor/normal.cur),auto; /*一瓣*/ } a{ cursor: url(https://cdn.jsdelivr.net/gh/fz6m/[email protected]/image/cursor/ayuda.cur) 15 15,auto; /*五瓣*/ } p{ cursor: url(https://cdn.jsdelivr.net/gh/fz6m/[email protected]/image/cursor/texto.cur),auto; } span { cursor: url(https://cdn.jsdelivr.net/gh/fz6m/[email protected]/image/cursor/No_Disponible.cur),auto; /*叉号花瓣*/ } body{ cursor: url(https://cdn.jsdelivr.net/gh/Ukenn2112/[email protected]/cur/normal.cur), auto /*铅笔*/ } p{ cursor: url(https://cdn.jsdelivr.net/gh/Ukenn2112/[email protected]/cur/texto.cur), auto /*小鸡*/ } a{ cursor: url(https://cdn.jsdelivr.net/gh/Ukenn2112/[email protected]/cur/ayuda.cur), auto /**/ } a:active {cursor: url(https://cdn.jsdelivr.net/gh/Ukenn2112/[email protected]/cur/work.cur), alias } span { cursor: url(https://cdn.jsdelivr.net/gh/Ukenn2112/[email protected]/cur/work.cur, auto /*倒鸡*/ } body { cursor: url(https://cdn.jsdelivr.net/gh/mirai-mamori/web-img/img/Nor.cur), auto; } a { cursor: url(https://cdn.jsdelivr.net/gh/mirai-mamori/web-img/img/Ayu.cur), auto; } a:active { cursor: url(https://cdn.jsdelivr.net/gh/mirai-mamori/web-img/img/Work.cur), alias; } p { cursor: url(https://cdn.jsdelivr.net/gh/mirai-mamori/web-img/img/Texto.cur), auto; } span{ cursor: url(https://cdn.jsdelivr.net/gh/mirai-mamori/web-img/img/no.cur), auto; } 鼠标指针网址 http://www.desktx.com/cursors/

完成～～～

（￣へ￣）不要白嫖！！顺手留赞好习惯～～～～

【本文地址】

公司简介

联系我们