HTML Cursor Code

The cursor is the thing that moves when you move the mouse. To change the look of the cursor within your HTML codes, you need to use CSS (Cascading Style Sheets).

Example Cursor Code


<html>
<head>
<style type="text/css">
.help { cursor: help }
.pointer { cursor: pointer }
.wait { cursor: wait }
.crosshair { cursor: crosshair }
.move { cursor: move }
.smile { cursor:url(http://www.quackit.com/pix/smile.gif),auto }
</style>
</head>
<body>
<p>(Hover over each heading to see the cursor effect).</p>
<h3 class="help">HTML cursor codes - "Help"</h3>
<h3 class="pointer">HTML cursor codes - "Pointer"</h3>
<h3 class="wait">HTML cursor codes - "Wait"</h3>
<h3 class="crosshair">HTML cursor codes - "Crosshair"</h3>
<h3 class="move">HTML cursor codes - "Move"</h3>
<h3 class="smile">HTML cursor codes - "Smile"</h3>
</body>

This code results in:

(Hover over each heading to see the cursor effect).

HTML cursor codes - "Help"

HTML cursor codes - "Pointer"

HTML cursor codes - "Wait"

HTML cursor codes - "Crosshair"

HTML cursor codes - "Move"

HTML cursor codes - "Smile"

For more detail, check out the CSS cursor specifications.

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/html/codes/html_cursor_code.cfm">HTML Cursor Code</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites