YOU ARE HERE: HOME > ARTICLES 2005 > A CSS TRICK

Web Design Articles and Tutorials

CSS MOUSE CURSOR - A COOL CSS AFFECT

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:

SOME OTHER WEBSITES

www.how-to-build-websites.com : A tutorial designed to teach total beginners the fundamentals of a modern web design.

www.csstutorial.net : A website dedicated to teach total beginners the sister technology/language to HTML: CSS. CSS (cascading style sheets) is a must learn aspect of web design that gives the web designer total control over the page layout and style.

www.secretsites.com : A grab-bag of tips and tricks that I have picked up over the last 10 years.

 

 

Back to the top of the page