Following are the different link styles.
Using inline style for a link
Click Here, This is a sample link. This style will never change and if you notice there is no underline.
Code looks like this
<a href="links.html" style="font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF0000; text-decoration:none">Click Here</a>, This is a sample link.
Using Internal Style Sheet or External Style Sheet to define the link style
The following code has link hover effect.
Code looks like this
<style type="text/css">
<!--
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
text-decoration: none;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
text-decoration: underline;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
text-decoration: none;
}
-->
</style>
Note: If you are using internal style sheet the above code should be pasted between <head> and </head> and if you are using external style sheet then remove first and last two lines from the code. |
