• With CSS you can make it so different mouse icon appear when people visit your site.

• NOTE: You should know that some people find web pages that change mouse cursor icon annoying, so consider that when playing around with this CSS property!

In this lesson we will show how to change the mouse cursor icon for few different HTML elements. Below is a list of the commonly accepted cursors:

• default - Display the normal mouse cursor icon
• wait - The mouse icon to represent the computer "thinking"
• crosshair - A cross hair reticle
• text - An "I" shaped icon that is displayed when selecting text
• pointer - A hand icon that you see when you hover over an HTML link
• help - A question mark (usually)

Here are a few cursor code examples that help you customize your site.