Customizing your links are recommended. If you just leave them black, they don't look as pretty, so just follow this tutorial to have cool effect links! Full credit goes to Emily since I saw it on her page first!
Copy this code into your HTML code:
<STYLE type="text/css">
A:link{COLOR: 000000; TEXT-DECORATION: none}
A:visited{COLOR: 000000; TEXT-DECORATION: none}
A:active{COLOR: 000000; TEXT-DECORATION: none}
A:hover{COLOR: FFFFFF; TEXT-DECORATION: none}
</STYLE>
If you want to add a hover effect, insert these in the A:hover part of your CSS.
Hover Effects
border:1 solid; border-color:#000000; - Gives you a solid border around the links.
border:1 dashed; border-color:#000000; - Gives you a dashed border around the links.
border-bottom:1 dashed #000000; - Puts a dashed border on the bottom of links and images.
border-bottom:1 solid #000000; - Puts a solid border on the bottom of links and images.
text-decoration:underline; - Underlines your links
text-decoration:underline overline; - Underlines and overlines your links.
text-decoration:line-through; - Strikes out your links.
filter:Invert(strength=3); height:9px; - Inverts your links and images, making them the opposite colour.
filter:dropshadow(color=#000000,offX=1,offY=1); height:7pt; - Gives your links a shadow.
filter:shadow(color=#000000,offX=1,offY=1); height:0; - Gives links a blurred shadow.
filter:blur(add="0",direction="180",strength="2"); height:0; - Blurs the links.
filter:fliph; height:0; - Makes links appear backwards.
filter:flipv; height:0; - Makes links upside-down.
filter: gray(); height:0 - Turns links grey.
filter: mask; height:0 - Makes links 100% transparent.
height:0;color:000000; filter:wave(add=0,phase=4,freq=5,strength=2); - Makes links wavy.
filter:glow(color=000000, strength=5); height:0; - Makes links glow.
text-transform:uppercase; - Makes links all capitals.
background-color:000000; - Gives links a different background color.
font-size:7pt; - Changes links' font size.
font-weight:bold; - Makes links bold.
position:relative; left:1px; top:1px; - Moves links 1px from the left and top.
Feel free to use more than one, it'll work! You can play around with the numbers/colours etc. Keep them in the semi-colons so they're separated.
