///Remove Underlines from Links

Remove Underlines from Links

Remove Underlines from Links

<style type="text/css">
<!–
A:link {text-decoration: none}
–>
</style>

Put the above script between the <head> </head> tags in your page. It will remove all the underlines from your links in that particular page. To remove all underlines from your links throughout your website, better place it in your header file.

In addition to none, any of the following four constants can be put:

A:link {text-decoration: blink} <!– Text blinks –>
A:link {text-decoration: line-through}
<!– Each line of text has a line through the middle. –>
A:link {text-decoration: overline}
<!– Each line of text has a line above it. –>
A:link {text-decoration: underline}
<!– Each line of text is underlined. –>

Usually link, visited, active and hover are alltogether defined in one script as below:

<style type="text/css">
<!–
A:link {text-decoration: none}
<!– Underlines are removed from links –>
A:visited {color: red }
<!– Visited link will become red –>
A:active {color: #CCCCCC }
<!– Active link will be light grey –>
A:hover {color: yellow }
<!– When you point on links it will turn to yellow –>
–>
</style>

Change the colors that suits your website layout.

2010-05-26T11:02:51+00:00 May 31st, 2005|CSS|0 Comments

About the Author:

Leave A Comment