This your basic link code.
A:link {color:black; text-decoration:none;}
A:visited {color:black; text-decoration:none;}
A:active {color:black; text-decoration:none;}
A:hover {color:black; text-decoration:none;}
Below is what each of them mean.
A:link - What the link looks like when nothing is done to it.
A:visited - What the link looks like when it has already been clicked on.
A:active - What the link looks like as you click on it.
A:hover - What the link looks like when you hover your mouse over it or when you attempt to click it.
Now below are some extra effects that you can try out and put in with our normal link codes.
When it comes to fonts and things related to fonts use the codes below...
font-family: FONT TYPE HERE; - Changes the font.
font-size: #px; - Changes the font size.
font-weight: BOLD OR ITALIC OR NORMAL; - Changes the font weight.
color: COLOR HERE; - Changes the color of the font.
text-align: RIGHT OR CENTER OR LEFT; - Change the alignment of the font.
When it comes to text decoration use the codes below...
text-decoration: line-through; - This will make the link have a line through it.
text-decoration: underline; - This will make the link underlined.
text-decoration: overline; - This will make the link overlined.
text-decoration: underline overline; - This will make the link underlined and overlined.
When it comes to backgrounds use the codes below...
background-color: COLOR HERE; - This will make the link have a colored background.
background: url(URL HERE); - This will make the link have an image as a background.
When it comes to borders use the codes below...
border: #px SOLID COLOR HERE; - This will make the link have borders around it.
border-top: #px SOLID COLOR HERE; - This will make the link have a top border.
border-bottom: #px SOLID COLOR HERE; - This will make the link have a bottom border.
You can make the border any # of pixels and there also are many border types, I have solid selected, but you can replace it with one of these if you like...
DOUBLE OR INSET OR OUTSET OR RIDGE OR GROOVE OR DOTTED OR DASHED
The rest of the codes below don't really fit into any group...
text-transform: capitalize - This will capitilize the first letter of your link.
text-transform: uppercase - This will capitlize the entire link.
text-transform: lowercase - This will make the link have lowercase letters.
filter: fliph;height:0; - This will make the link backwards.
filter: flipv; height:0; - This will make the link flip upside down.
filter: dropshadow(color=COLOR HERE,offX=1,offY=1); height:7pt; - This will give your link a shadow.
filter: blur(add="0",direction="180",strength="2"); height:0; - This will make your link appear blurry.
height: 0;color:COLOR HERE; filter:wave(add=0,phase=4,freq=5,strength=2); - This will make your link wavy.
filter: progid:DXImageTransform.Microsoft.Glow(color='COLOR HERE', Strength='2') - This will make your link glow.
< Back
My name is Gina, betta known as Mizz Gina. I'm 24, a Virgo and live in PA. I'm Italian & Greek, which is safe to say the best mix there is. I just graduated from college for graphic design & animation, my all time passion in life. I have 1 dog whom I absolutely adore, Mister, and my other dog Nola recently passed away from cancer.
