&! Link Styles
Here are ways you can decorate your cursor!
Add this code to the head of your page:
<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>
A:Link= The regular link sitting there.
A:Visited= The link you have already clicked.
A:Active= The link style as you clicked it.
A:Hover= The link as your mouse is over it.
After you have all of that in your <head>, you can now decorate the
link styles. Below are ways and codes that you may have the links and cursors
look like. To add them, remove the "none" and put the style
you want. Or else, add the cursor style next to it.
Example:
A:link { color:COLOR; text-decoration:underline;
text-transform:capitalize; cursor:crosshair;}
Now to add the color, where it says "COLOR", place the hex code of which color you want it to be.
That's it! Now go ahead and choose something... (For cursor examples, place your mouse over the words...)
|
underline
|
text-decoration:underline;
|
|
underline
overline
|
text-decoration:underline overline;
|
|
border
underline
|
border-bottom:#pt SOLID COLOR;
|
|
background
color
|
background-color:COLOR;
|
|
bold
|
font-weight:bold;
|
|
italic
|
font-style:italic;
|
|
srikeout
|
text-decoration:line-through;
|
|
UPPERCASE
|
text-transform:uppercase;
|
|
lowercase
|
text-transform:lowercase;
|
|
capitalize
|
text-transform:capitalize;
|
|
default cursor
|
cursor:default;
|
|
cross cursor
|
cursor:crosshair;
|
|
cursor points up
|
cursor:n-resize;
|
|
cursor points down
|
cursor:s-resize;
|
|
cursor points left
|
cursor:w-resize;
|
|
cursor points right
|
cursor:e-resize;
|
|
wait cursor
|
cursor:wait;
|
|
help cursor
|
cursor:help;
|
|
change font size
|
font-size:#pt;
|
|
change
position
|
position:relative;left:#px;top:#px;
|
|
background
image
|
background:url(IMAGE URL);
|