Cursor Codes

This page provides the HTML code that you use to change the look of the user's cursor on your website. The code is actually CSS (Cascading Style Sheets), which is responsible for applying styles to HTML elements.

The cursor code can be applied to different HTML elements or classes, so that the cursor changes when the user hovers over that element.

Example Cursor Codes

You can copy/paste the following cursor codes into your website:


<h3 style="cursor:help">HTML cursor codes - "Help"</h3>

<h3 style="cursor:pointer">HTML cursor codes - "Pointer"</h3>

<h3 style="cursor:wait">HTML cursor codes - "Wait"</h3>

<h3 style="cursor:crosshair">HTML cursor codes - "Crosshair"</h3>

<h3 style="cursor:move">HTML cursor codes - "Move"</h3>

<h3 style="cursor:url(https://www.code-generator.net/images/smile.gif),auto">HTML cursor codes - "Smile"</h3>

The above cursor codes result in:

Hover over each heading to see the cursor effect: