- 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.
© 1996 - 2021 – All rights reserved
  • Hosting and domain name support:
  • (480) 624-2500

PayPal Customer Support: 1-888-221-1161 has been a PayPal Verified Merchant since 2001. We also accept payment via check or money order.

Please send payment to: Inc. 4156 Dorchester #2 Westmount, Quebec Canada H3Z 1V1

The more you learn, the more you earn!

Web Design Tips & Tricks Newsletter:

My Web Design Tips & Tricks newsletter will let you know when any new articles, tutorials and videos on web design are released.