Using CSS (Cascading Style Sheets) Style Tags to Customize Links
|
You can create
special mouseover link effects using CSS (Cascading Style Sheets) Style Tags
within your web page.
Place 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.
This is just one small example of how you can use CSS (Cascading Style Sheets)
Style Tags within your web page. For additional information on CSS, visit
the CSS Tutorial
section.
More Web Design
Tips |