<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
<style>
li {
margin-bottom: 15px;
}
li.pointer {
cursor: pointer;
}
li:hover {
background-color: #ccc;
}
</style>
</head>
<body>
<h4>Passez la souris sur les éléments de la liste pour voir comment le curseur par défaut se transforme en pointeur:</h4>
<ul>
<li>Élément de la liste 1 avec le curseur par défaut.</li>
<li class="pointer">Élément de la liste 2 avec le curseur du pointeur.</li>
<li>Un autre élément de la liste avec le curseur de la souris par défaut.</li>
</ul>
</body>
</html>