CSS使用自定义光标样式的实现遁地龙卷风示例

高洛峰

Lepaskan： 2017-03-04 10:00:43

asal

1532 orang telah melayarinya

测试环境是chrome浏览器

Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.132 Safari/537.36

css样式

p
{
　　cursor:url(&#39;1.jpg&#39;),pointer;
}
HTML
<body>
　　<p style="width:100px;height:100px;background-color:red;"></p>
</body>

Salin selepas log masuk

当鼠标放到p上，光标会变成你指定的图案

*注意事项

要确保自定义的图片足够小，这里的是16*16

不同浏览器支持的图片格式不一样，请自行查找

cursor:url('1.jpg'),pointer;这里的1.jpg要和当前html文件在同级目录，pointer是必要的，当自定义的图片不能应用时采用的备用方案，本次测试不写是不对的。

以上这篇CSS使用自定义光标样式的实现_遁地龙卷风就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持PHP中文网。

更多CSS使用自定义光标样式的实现遁地龙卷风示例相关文章请关注PHP中文网！

Label berkaitan：

css 光标遁地龙卷风

sumber：php.cn

Artikel sebelumnya：css中(display,float,position)的深入理解 Artikel seterusnya：CSS3单页切换导航菜单界面设计的实现详解

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang