En este artículo, aprenderemos cómo configurar diferentes tipos de cursores usando CSS. La propiedad del cursor se usa para establecer diferentes tipos de cursores usando CSS. Con la ayuda de la propiedad del cursor, podemos especificar que se muestre el cursor del mouse al señalar un elemento. Toma un valor que es el tipo de cursor.
Sintaxis:
cursor: value
Ejemplo 1:
HTML
<!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>
Producción:
Ejemplo 2:
HTML
<!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>
Producción:
Publicación traducida automáticamente
Artículo escrito por nikhilchhipa9 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA