如何使用 CSS 设置不同类型的光标？
在本文中，我们将学习如何使用 CSS 设置不同类型的游标。光标属性用于使用 CSS 设置不同类型的光标。在 cursor 属性的帮助下，我们可以指定鼠标指针指向一个元素时要显示的内容。它接受一个游标类型的值。
语法:
cursor: value
例 1:
超文本标记语言
<!DOCTYPE html>
<html>
<head>
<style>
div{
color: green;
cursor: all-scroll;
border: solid 2px red;
margin: 10% 30%;
width: 30%;
}
</style>
</head>
<body>
<div class="gfg">
<h1>GeeksforGeeks</h1>
<p>
Mouse over the div to change
the mouse cursor.
</p>
</div>
</body>
</html>
输出:
例 2:
超文本标记语言
<!DOCTYPE html>
<html>
<head>
<style>
div{
color: green;
cursor: zoom-in;
border: solid 2px red;
margin: 10% 30%;
width: 30%;
}
</style>
</head>
<body>
<div class="gfg">
<h1>GeeksforGeeks</h1>
<p>
Mouse over the div to change
the mouse cursor.
</p>
</div>
</body>
</html>
输出:
版权属于：月萌API www.moonapi.com，转载请注明出处
