Introduction:
CSS is very straight forward.
There is no fooling with variables and server sided scripting. In fact, it
resembles HTML in more ways than one. In this tutorial you will learn how
to customize all of the links on your page and create mouseover link effects.
Changing Link Colors and
Mouseover Effects
Simply install this code into the <head> of your document:
Code Customization:
Simply change the "#000000" to a
hexadecimal color of your choice in each of the link states.
For example, bright red would be "#FF0000" (without the quotation marks).
A:visited = the color of the
visited link
A:hover = the color of the link
when the mouse is over it
A:active = the color of the link
when you are viewing it's page
A:link = the color of all of the
links on the page
To change the text decoration,
substitute "none" with any one of these:
text-decoration:underline; Underlines the link
text-decoration:underline overline; Overlines and Underlines
the link
background-color:COLORHERE; Gives the link a background color
text-decoration:line-through; Slashes the link
border:1 solid; border-color:#000000; Puts a border around the link
when the mouse hovers over it
border:1 dashed; border-color:#000000; Puts a dashed border around
the link when the mouse hovers over it
border-bottom:1 dashed #000000; - Puts a dashed line underneath the
links.
filter:fliph; height:0; Makes the link flip backwards
filter:flipv; height:0; Makes the link flip upside down
text-transform:capitalize the First letter of the link becomes
capitalized
Please check back, i will add some SEO articles later.
There are many more text
decorations besides the ones listed here, feel free to search Google! |
