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.
Categories
- Ajax - Javascript
- Blogs and CMS
- Business of Web Design
- CSS
- Design
- Dreamweaver
- Drupal
- Flash
- General
- HTML
- Nerd Book Reviews
- Nerd Concepts in English
- Newsletter Archive
- PHP
- Podcast | Videos
- Professional Web Design
- Real World Web Design
- Ruby
- SEO & SEM
- Web Design
- Web Design News
- Wordpress
Other Websites
Killersites.com Support:
- stefan@killersites.com
- 514-932-8091 (10 to 5)
Questions about the videos:
- videos@killersites.com
Hosting and domain name support:
- (480) 624-2500
PayPal Customer Support: 1-888-221-1161
Killersites.com has been a PayPal Verified Merchant since 2001. We also accept payment via check or money order.
Please send payment to:
Killersites.com Inc. 4156 Dorchester #2 Westmount, Quebec Canada H3Z 1V1
The more you learn, the more you earn!