La propiedad del cursor en CSS se usa para especificar el tipo de cursor del mouse que se mostrará al señalar un elemento. De forma predeterminada, todo el cursor del navegador se establece en el puntero. Y si queremos personalizarlo, podemos hacerlo con la ayuda de CSS. De forma predeterminada, el valor de la propiedad del cursor se establece en ‘auto’. Además, no es necesario mencionar el valor automático en la propiedad del cursor, ya que por defecto ya está configurado en automático.
Sintaxis:
cursor: value;
Valor de la propiedad: especifica el valor de la propiedad del cursor. Consulte este artículo para ver todos los valores de la propiedad del cursor.
Ejemplo: En este ejemplo, estableceremos el valor de la propiedad del cursor en una cruz, es decir, ‘cursor: cruz’ para mostrar el cursor como una cruz.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.cursor {
cursor: crosshair;
}
</style>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<p class="cursor">
GfG, A computer Science Portal for Geeks
</p>
</body>
</html>
Producción :
ejemplo de propiedad del cursor
Publicación traducida automáticamente
Artículo escrito por arpitadeb595 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA