Cursors CSS Tutorials

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
Change a user's cursor when they hover over a link.

Mouse Cursors
How to use CSS to change the mouse cursor in different ways.

CSS and Cursors
There are 17 different ones to choose from.

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.

Style mouse pointer
Change the mouse point into a waiting glass over a link or speical arrows for some reason. You can also change the cursor with any image you want.

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.

CSS and Cursors
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.