Home l Webpage Design l Website Planning l Content Management

Website Architecture

Text Decoration: None

To remove the traditional underline (text decoration) from text links on a web page, simply copy and paste the code below into the <head> section of your HTML file.

<style>
a{text-decoration:none;}
</style>

You can also add a hover effect to the link in order to differentiate it from other text. The code below removes the underline and changes the colour of the link when the mouse moves over it. Paste the code to the <head> section of your HTML file and then change the Hex colour value to suit. The colour used here (#FF0000) is red.

<style>
a{text-decoration:none;}
a:hover {color:#FF0000;}
</style>

For more detail on this technique, take a look at the excellent Site Navigation with CSS tutorial at one of the best web resource sites around, sitepoint.com.
Back to Tutorials

Home l Webpage Design l Website Planning l Content Management