Cascading Style Sheets

Changing Font Color

<style type="text/css"> A:hover { color: red }</style>

Changing Font Backgrounds

<style type="text/css"> A:hover { backgroundcolor: red }</style>

Changing Font to Uppercase

<style type="text/css"> A:hover { text-transform: uppercase }</style>

Changing Font to LowerCase

<style type="text/css"> A:hover { text-transform: lowercase }</style>

Blinking Links

<style type="text/css"> A:hover { text-decoration:blink }</style>

Line Over Hover Links

<style type="text/css"> A:hover { text-decoration: upperline }</style>

UnderLine Hover Links

Changing Font Color

<style type="text/css"> A:hover { text-decoration: underline }</style>

Line Through Hovers

Changing Font Color

<style type="text/css"> A:hover { text-decoration: line-through}</style>

You can always alter them a little to get what you like.

Text

<style type="text/css"> td,p{ color:royalblue ;font:10pt Century Gothic}</style>

Links

<style type="text/css">a:link,a:visited,a:active{ color:royalblue ;font:10pt Century Gothic}</style> <p>

Scroll Bars

<style type="text/css">BODY { scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #33CCFF; scrollbar-highlight-color: #3399FF; scrollbar-3dlight-color: #66CCFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #6699FF;}</style>

Cursor

<style type="text/css">body{ cursor:crosshair}</style>

Backgrounds

Body Background

<style type="text/css"> BODY{ background-color: red }</style>

Background image

<style type="text/css"> BODY { background-image: gif files only }</style>

Background repeat vertically

<style type="text/css"> BODY { background-repeat: verticle }</style>

Background repeat horizontally

<style type="text/css"> BODY { background-repeat: horizontal }</style>

Background that won't Scroll

<style type="text/css"> BODY { background-attachment: fixed }</style>

Filters

Fog

<style type="text/css"> b.tabledesc{ width:530;border:1px solid purple;background:pink;filter:alpha(opacity=60)} </style>

© 2003 helevorn