| CSS or Cascading Style Sheets allow you to | | | | underline and a line above the link: |
| implement a few neat effects on your webpages | | | | <style type="text/css"> |
| easily. You can implement these CSS effects on your | | | | <!-- |
| site by simply copying and pasting the code. | | | | A:hover {text-decoration:overline underline} |
| ROLLOVER COLOR TEXT LINKS | | | | --> |
| Have your text links change color when the mouse | | | | </style> |
| passes over them by inserting this code into the | | | | HIGHLIGHTED TEXT |
| HEAD of your document: | | | | Highlight important text on your page or words you |
| <style type="text/css"> | | | | want to stand out, easily: |
| <!-- | | | | <span |
| A:hover {color:red} | | | | ted text</span> |
| --> | | | | Try adding it to your link hover for a neat effect: |
| </style> | | | | <style type="text/css"> |
| LINKS WITH NO UNDERLINE | | | | <!-- |
| Remove the underline from any or all of the links on | | | | A:hover {background-color: orange} |
| your page by putting this in the HEAD of your | | | | --> |
| document: | | | | </style> |
| <style type="text/css"> | | | | BACKGROUND IMAGE THAT ISNT TILED |
| <!-- | | | | This will create a background image that doesn't |
| A:link {text-decoration:none} | | | | repeat: |
| A:visited {text-decoration:none} | | | | <style type="text/css"> |
| --> | | | | <!-- |
| </style> | | | | BODY {background: #ffffff url(bg.gif) no-repeat} |
| Or, remove the underline form individual links by | | | | --> |
| forming them like this: | | | | </style> |
| <a href="page.html" | | | | You can also center it, however it will be centered as |
| style="text-decoration: none">link< | | | | the background of the entire document, not |
| a> | | | | centered on the screenful: |
| LINKS WITH A LINE ABOVE AND BELOW THEM | | | | <style type="text/css"> |
| This is an interesting look that works especially well | | | | <!-- |
| as a hover attribute for your links, but can also be | | | | BODY {background: #ffffff url(bg. |
| applied to all of your links. It will show the normal | | | | |