Zeronese, Inc.
Home
Help & Support
Contact Us
Webmaster ResourcesArticle Details
 

Fun CSS Tricks You Can Use

Date Added: July 05, 2004 11:59:38 PM
Author: Dan Grossman
Category: Tips and Tutorials: CSS Tips and Tutorials

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 doesn't 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 http://www.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@websitegoodies.com?subject=article-subscribe
 
RELATED ARTICLES & TUTORIALS
Table Less Designs using CSS

What’s so bad about using tables? Difficult and annoying to change styles.


Why HTML and CSS

Most HTML and CSS books end up on bookshelves collecting dust as reference books. The last thing we need in the web development world is another HTML or CSS dictionary. While we all need one or two good references on our desks, they are not very good tuto


Cascading Stylesheets Advantages: 5 Reasons To Use CSS

Cascading Stylesheets become more and more important in today’s webdesign. But before you decide to get started using CSS you should know why CSS is so important and what its advantages are.


CSS - Maximum Benefits

CSS is a simple file which controls the visual appearance of a Web page without compromising its structure. Using CSS we can control our font size, font color, link color and many other attributes on our web page. This will make our HTML code much more re


How to Style an A to Z Index with CSS

I've always been taken with the way that the BBC styles their A-Z index using a simple list and CSS. However, because they use pixels to set the dimensions of each list item, the design breaks when you increase the text size.


 
Ratings Average rating: (null votes)
Comments

No Comments Yet.


Leave your comment:
Name or Website:
Email:
Comment
Visual Confirmation Security Code

*Enter the code shown:  


The views and opinions of authors expressed on Zeronese Webmaster Article Directory web sites do not necessarily state or reflect those of the Zeronese.net .