Fun CSS Tricks You Can Use!

CSS or Cascading Style Sheets allow you to implement a few neat effects on your webpages easily. You can implement these CSS effects on your site by simply copying and pasting the code.

ROLLOVER COLOR TEXT LINKS

Have your text links change color when the mouse passes over them by inserting this code into the HEAD of your document:



LINKS WITH NO UNDERLINE

Remove the underline from any or all of the links on your page by putting this in the HEAD of your document:



Or, remove the underline form individual links by forming them like this:

link

LINKS WITH A LINE ABOVE AND BELOW THEM

This is an interesting look that works especially well as a hover attribute for your links, but can also be applied to all of your links. It will show the normal underline and a line above the link:



HIGHLIGHTED TEXT

Highlight important text on your page or words you want to stand out, easily:

highlighted text

Try adding it to your link hover for a neat effect:



BACKGROUND IMAGE THAT ISNT TILED

This will create a background image that doesnt repeat:



You can also center it, however it will be centered as the
background of the entire document, not centered on the screenful:



About the Author

Dan Grossman runs websitegoodies.com where you can find over 250 hand-picked resources, articles, and tools! Dan
also publishes the free weekly "WebDevPortal" newsletter for website owners! Subscribe today and get articles like this every week: subscribe@webdevportal.com?subject=article-subscribe

:To contact see details below.


webmaster@websitegoodies.com
http://www.websitegoodies.com