<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
<style>
.alias {cursor: alias;}
.all-scroll {cursor: all-scroll;}
.wait {cursor: wait;}
.auto {cursor: auto;}
.crosshair {cursor: crosshair;}
.no-drop {cursor: no-drop;}
.not-allowed {cursor: not-allowed;}
.pointer {cursor: pointer;}
.progress {cursor: progress;}
.s-resize {cursor: s-resize;}
.se-resize {cursor: se-resize;}
.sw-resize {cursor: sw-resize;}
.text {cursor: text;}
.url {cursor: url(myBall.cur),auto;}
.zoom-in {cursor: zoom-in;}
</style>
</head>
<body>
<h2> Using Custom cursor property</h2>
<div class="crosshair"> crosshair cursor </div><br>
<div class="alias"> alias cursor </div><br>
<div class="all-scroll"> all-scroll cursor</div><br>
<div class="wait"> wait cursor </div><br>
<div class="auto"> auto cursor </div><br>
<div class="pointer"> pointer cursor </div><br>
<div class="progress"> progress cursor </div><br>
<div class="no-drop"> no-drop cursor </div><br>
<div class="not-allowed"> not-allowed cursor </div><br>
<div class="s-resize"> s-resize cursor </div><br>
<div class="se-resize"> se-resize cursor </div><br>
<div class="w-resize"> w-resize cursor </div><br>
<div class="url"> url cursor</div><br>
<div class="text"> text cursor </div><br>
<div class="zoom-in"> zoom-in cursor</div><br>
</body>
</html>