Quackit Logo
HTML
CSS
Scripting
Database
Hosting
Design
XML

HTML Cursor Code

This page contains HTML cursor code. Code that will make the user's cursor change as they hover over an HTML element.

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).

More specifically, you need to use the CSS cursor property.

Example Cursor Code

Here are examples that demonstrate the various CSS cursors (based on the CSS specification). See how the cursor changes as you hover over each line.

CodeResult

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

Cursor: "Auto"

Cursor: "Default"

Cursor: "Text"

Cursor: "Help"

Cursor: "Pointer"

Cursor: "Wait"

Cursor: "Crosshair"

Cursor: "Move"

Cursor: "Smile"

Cursor: "Progress"

Cursor: "e-resize"

Cursor: "ne-resize"

Cursor: "nw-resize"

Cursor: "n-resize"

Cursor: "se-resize"

Cursor: "sw-resize"

Cursor: "s-resize"

Cursor: "w-resize"

Enjoy this page?

  1. Link to this page (copy/paste into your own website or blog):
  2. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!

Sponsored Link: Design CODE-FREE Websites