<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
li {
margin-bottom: 15px;
}
li.pointer {
cursor: pointer;
}
li:hover {
background-color: #ccc;
}
</style>
</head>
<body>
<h4>Hover over the list items to see how the default cursor changes into a pointer:</h4>
<ul>
<li>List item 1 with the default cursor.</li>
<li class="pointer">List item 2 with the pointer cursor.</li>
<li>Another list item with the default mouse cursor.</li>
</ul>
</body>
</html>