Remove the underline under the links in HTML/CSS




AS you may have noticed, hyperlinks are underlined in HTML (by default) It is possible to remove the underline by using the CSS

Using CSS

<style type="text/css">
a.nounderline:link
{
	text-decoration:none;
}
</style>

Note that the pseudo-class: link allows you to target only the links (<a href="">) and anchors (<a name="">).

Using CSS via a class

If you want this style applies only to certain links, simply by example to define a specific class for the links that are not underlined (eg nounderline class):

<style type="text/css"> 
a.nounderline: link 
( 
Text-decoration: none; 
) 
</ style> 
<style type="text/css">
a.nounderline:link
{
	text-decoration:none;
}
</style>

Then, when writing the link to refer to this class:

<a href="/" class="nounderline">Text of link</a>

Using CSS online

Finally, if you do not want to define stylesheet, you can simply set the style online with the style attribute, as follows:

<a href="/" style="text-decoration:none">Text of link</a>