Killersites.com - Articles

CSS Mouse Cursor - A Cool CSS Effect

Some of you may not know, that you can use CSS to change the mouse cursor when someone places their mouse over a tag.

Check out this simple example:

  <a href=”helpPage.html” style="cursor: help"> Help </a>
  

In the above example, I used the ‘help’ cursor to give people an extra clue that the link will take them to a help page.

The key to making this work is this line:

style="cursor: help"

The above CSS code is telling the browser to use the built in ‘help’ cursor.

You can find the list of cursor types available on my HTML tags page.

I would also suggest that you look into the following:

  • CSS and CSS-P based design.
Top
© 1996 - 2017 Killersites.com – All rights reserved