Using CSS (Cascading Style Sheets) Style Tags to Customize Links
You can create
special mouseover link effects by placing the following code between the
<HEAD> and </HEAD> tags within your HTML code.
<STYLE>
<!--
A:active { color:#0000FF; text-decoration; }
A:hover { color:#FF0000; text-decoration: none; }
//-->
</STYLE> |
In this example,
the active text link is underlined with the color set to #0000FF. This will
be the link color after a link is clicked on. The hover color is set to #FF0000.
When the mouse is placed over the link, the text color will change and the
underline disappears.
If you would like to display your link in a color other than the default,
place the following code within your <BODY> tag. If you try to change
the link color using <FONT> tags, your <STYLE> tags will not
function properly.
Edit the color
code to suit your needs.
More Web Design
Tips |
