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 -
Fatal error: Uncaught Error: Undefined constant "Y" in /home/killersi/public_html/articles_2005/techniques/css-trick.php:99 Stack trace: #0 {main} thrown in /home/killersi/public_html/articles_2005/techniques/css-trick.php on line 99