Source Code:
(back to article)
Submit
Result:
Report an issue
<!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>