700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html+css:自定义鼠标指针图案

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

时间:2023-05-01 11:52:23

相关推荐

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

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

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

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

body{

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

}

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

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

例如:

<!-- 格式 -->body {cursor: url(/cnblogs_com/jingjingjingjingjingjingrj/1701449/o_15081944o_cursor.png),auto;}<!-- 4月28日扩展 猫咪鼠标 -->body { cursor: url(/gh/moezx/cdn@3.1.9/img/Sakura/cursor/normal.cur), auto;}a {cursor: url(/gh/moezx/cdn@3.1.9/img/Sakura/cursor/ayuda.cur), auto}a:active {cursor: url(/gh/moezx/cdn@3.1.9/img/Sakura/cursor/work.cur), alias}p {cursor: url(/gh/moezx/cdn@3.1.9/img/Sakura/cursor/texto.cur), auto}span {cursor: url(/gh/moezx/cdn@3.1.9/img/Sakura/cursor/No_Disponible.cur), auto;}<!-- 4月29日扩展 花瓣鼠标 -->body { cursor: cursor: url(/gh/fz6m/Private-web@1.5/image/cursor/normal.cur),auto; /*一瓣*/}a{cursor: url(/gh/fz6m/Private-web@1.5/image/cursor/ayuda.cur) 15 15,auto; /*五瓣*/}p{cursor: url(/gh/fz6m/Private-web@1.5/image/cursor/texto.cur),auto; }span {cursor: url(/gh/fz6m/Private-web@1.5/image/cursor/No_Disponible.cur),auto;/*叉号花瓣*/}body{cursor: url(/gh/Ukenn2112/UkennWeb@5.2/cur/normal.cur), auto /*铅笔*/}p{cursor: url(/gh/Ukenn2112/UkennWeb@5.2/cur/texto.cur), auto /*小鸡*/}a{cursor: url(/gh/Ukenn2112/UkennWeb@5.2/cur/ayuda.cur), auto /**/}a:active {cursor: url(/gh/Ukenn2112/UkennWeb@5.2/cur/work.cur), alias}span {cursor: url(/gh/Ukenn2112/UkennWeb@5.2/cur/work.cur, auto /*倒鸡*/}<!-- 4月30日扩展 表情包鼠标 -->body {cursor: url(/gh/mirai-mamori/web-img/img/Nor.cur), auto;}a {cursor: url(/gh/mirai-mamori/web-img/img/Ayu.cur), auto;}a:active {cursor: url(/gh/mirai-mamori/web-img/img/Work.cur), alias;}p {cursor: url(/gh/mirai-mamori/web-img/img/Texto.cur), auto;}span{cursor: url(/gh/mirai-mamori/web-img/img/no.cur), auto;}鼠标指针网址/cursors/

完成~~~

( ̄へ ̄)不要白嫖!!顺手留赞好习惯~~~~

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。