CSS Cursors

With style sheets, you can change the cursor when the mouse moves over a certain area or over a link. The command is just:

cursor:type

Where we will replace “type” with the type of cursor we want. So, let’s say we want a crosshair (looks like a cross) when someone moves over a link. We just add the style=”cursor:crosshair” attribute to the link tag:

<A href="#" style="cursor:crosshair">A Cross Link</A>

This would give us the following link, move your mouse over it to try it out:

A Cross Link

Here are some other cursor types:

auto             Shows it according to how the viewer has it set (plain)
crosshair     Looks like a cross
default        Makes the cursor stay the same
move           Looks like you should be moving something
hand           The hand you usually see over links
help            A question mark beside the arrow
text            The bar you see when the mouse is over text
wait           The “waiting” hourglass!

Do Us a Favor:
  • Digg
  • Reddit
  • Facebook
  • del.icio.us
  • Mixx
  • StumbleUpon

Leave a Reply

You must be logged in to post a comment.