SQL PHP HTML JavaScript articles and free code If you are facing any problem in viewing this page, please tell us
 

Removing undeline from links


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


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

Sections
PHP
JavaScript
ASP
HTML
SQL
Photoshop
Articles SEO
List of HTML Tutorial
<CSS>
HTML Tags
HTML Calendar
Tags on web page
Web Design
Subscribe
Submit your email address and receive article and product notifications. Your email is safe with us.