We can remove underline from the anchored text links by defining the style locally this will over ride the setting of CSS file. We will use the local style command text-decoration: none; to remove the underline. Here are some examples of this. Let us start with an example of simple link with underline. We will first display the link and then below that the code. Same way the link without underline is displayed and then the code below it.







This is a link with underline
<a 'http://www.plus2net.com/html_tutorial/css_underline.php'>This is a link with underline</a>

This is a link without underline
<a href='http://www.plus2net.com/html_tutorial/css_underline.php' style='text-decoration: none;'>This is a link without underline</a>

Here we have used style='text-decoration: none;' to remove the underline from the link

Discuss this tutorial at forum List of HTML Tutorials

CSS: Cascading Style Sheets

Advantage of using CSS Cascading Style Sheets Types of Cascading Style Sheets and their priority distribution Removing Underline from links by CSS Fonts style control using Cascading Style Sheets Body tag style properties in external style sheet Header tag style properties in external style sheet Mouse over effects of links using CSS Links using CSS Mouse Cursor shape or style control by Cascading Style Sheets