Lessons Community Resources Tools

Links with no Underline

Now you remove the pesky underline from all your links!

Example:

This is a link which is not underlined.

Code:

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

You can give the visitor a hint that a given text is a link, if you have disabled the underline, by adding an underline on mouse over.

Example:

This link will be underlined on mouse over.

Code:

<HEAD>
<style type="text/css">
<!--
A:hover {text-decoration: underline}
-->
</style>
</HEAD>