上世纪骚操作，修改cursor鼠标样式

最新推荐文章于 2025-12-13 14:56:01 发布

原创最新推荐文章于 2025-12-13 14:56:01 发布 · 550 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#修改鼠标样式 #把鼠标改成自己定的样式 #上世纪骚操作 #cursor样式

css#cursor属性专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在HTML中使用自定义鼠标图标，包括设置图片路径和格式为ICO的要求。提供了完整的代码示例，并推荐了图标转换工具。

在这里插入图片描述
在HTML中把鼠标样式修改成自己定义的鼠标样式，这一操作以前很常见，那我们下面就用代码实现吧！图片路径自己加喔，可以用我上面只可爱的小狗练手，注意图片的格式要ico格式，推荐压缩工具（http://www.bitbug.net/），想把背景扣透明上一篇文章有详细步骤。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			* {
				cursor: url('img/自己图片的路径.ico'), pointer;//修改鼠标样式
			}
			body{
				background-color: black;//背景颜色
			}
		</style>
	</head>
	<body>
	</body>
</html>

这波操作还可以吗，想了解跟多操作可以关注我喔！