<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
a:hover{color: green;}
a:visited{color: red;}
a:link{color: gray;}
</style>
</head>
<body>
<!-- 랑크: 페이지가 이동 -->
<!-- 버튼 -->
<a href="">링크</a>
<!-- cursor -->
<a href="" style="cursor: auto;">cursor: auto</a>
<button style="cursor: auto;">cursor: auto</button>
<p>
<a href="" style="cursor: default">cursor: default</a>
</p>
<p>
<a href="" style="cursor: context-menu;">cursor: context-menu</a>
</p>
<p>
<a href="" style="cursor: help;">cursor: help</a>
</p>
<p>
<a href="" style="cursor: pointer;">cursor: pointer</a>
</p>
<p>
<a href="" style="cursor: progress;">cursor: progress</a>
</p>
<p>
<a href="" style="cursor: wait">cursor: wait</a>
</p>
<p>
<a href="" style="cursor: cell;">cursor: cell</a>
</p>
<p>
<a href="" style="cursor: crosshair;">cursor: crosshair</a>
</p>
<p>
<a href="" style="cursor: text;">cursor: text</a>
</p>
<p>
<a href="" style="cursor: copy;">cursor: copy</a>
</p>
<p>
<a href="" style="cursor: move;">cursor: move</a>
</p>
<p>
<a href="" style="cursor: not-allowed;">cursor: not-allowed</a>
</p>
<p>
<a href="" style="cursor: col-resize;">cursor: col-resize</a>
</p>
<p>
<a href="" style="cursor: row-resize;">cursor: row-resize</a>
</p>
<p>
<a href="" style="cursor: zoom-in;">cursor: zoom-in</a>
</p>
<p>
<a href="" style="cursor: zoom-out;">cursor: zoom-out</a>
</p>
</body>
</html>
-