Site hosted by Angelfire.com: Build your free website today!

~ Cascading style sheets ~


~ Have you ever wondered how people get their links to be different colors, and when you hover over them, they make a special effect? Its a code that will change the links. 

You have to put this code once in between the <head> and </head> of you page, and it will change all the links in that page. The only things you should edit are the parts where is says "COLOR" and "text-decoration:none"

<STYLE type="text/css"><!--
A:link{color:COLOR;text-decoration:none}
A:visited{color:COLOR;text-decoration:none}
A:active{color:COLOR;text-decoration:none}
A:hover{color:COLOR;text-decoration:none}
--></STYLE>

To replace the "COLOR"  and add a color to your links, you have to use text  computer understands, in this case, a Hex Code. To see 140 hex code colors click here: HEX CODES!

To replace  the "text-decoration:none" part use the table below. Thanks www.funky-chickens.com for the table below:

Text Decorations For Links
Replace "text-decoration:none" With
Which Makes...
text-decoration:underline
underlined
text-decoration:underline overline
underline & overline
background-color:COLORHERE
background color
text-decoration:line-through
slashed out
cursor:crosshair
cross cursor
cursor:n-resize
cursor points up
cursor:s-resize
cursor points down
cursor:w-resize
cursor points left
cursor:e-resize
cursor points right
cursor:wait
hourglass cursor
font-weight:bold
bold font
font-weight:italic
italics text
font-size:#pt
sized text

~Back ~