鼠标移上去时鼠标的样式

最新推荐文章于 2025-04-18 19:54:44 发布

原创最新推荐文章于 2025-04-18 19:54:44 发布 · 791 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

s1 作业

当前文章被收录于：

s1 作业

21 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了如何使用HTML和CSS来改变鼠标悬停时的样式，包括设置不同的光标形状，以及通过CSS:hover伪类实现元素在鼠标悬停时的动态效果。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.a{
				cursor: default;
			}
			.b{
				cursor: pointer;
			}
			.c{
				cursor: move;
			}
			.d{
				cursor: trxt;
			}
			.e{
				cursor: not-allowed;
			}
		</style>
	</head>
	<body>
		 <ul>
		 	<li class="a">我是小白</li>
		 	<li class="b">我是小手</li>
		 	<li class="c">我是移动</li>
		 	<li class="d">我是文本</li>
		 	<li class="e">我是禁止</li>
		 </ul>
	</body>
</html>