CSS Cursors

Cursor Types
The typical browser will display the mouse pointer over any blank part of a web page, the gloved hand over any item that is linked (click-able) and the edit cursor over any text or text field. Within CSS you can change those properties to have a variety of different cursors display on your page.

Change cursor using CSS
Did you know that you can change the cursor using CSS? Well, you can. It's easy, fun, but make sure you use it sparingly - visitors don't like it when you make it so whenever the cursor travels over the page it shows an hourglass

Seventeen different cursor properties
Seventeen different cursor properties have been incorporated into standard CSS so you can be pretty sure some of these will work

Cursors
To change the cursor on an individual link, copy the code below, and change LINK TEXT to the text you want to use for your link, and change YOUR URL to the url you are linking to.

Custom CSS Cursors
Using CSS, you can change the default cursor icon associated with a particular element, even specifying your own cursor image (in IE6+) instead.

So, Do you want to change the Cursor
Cursors, some like the pointing finger, some like that I-beam-looking thing, and others try to lose the cursor altogether. Whatever your cup of tea, CSS version 2.0 is trying to help.

CSS Custom Cursors
This tutorial is guide to using custom mouse pointers and cursors with css. And is geared towards someone who is new to css.