Sanchan World Blog

Removing undeline from links

Whenever we create a href then an underline comes by default for the link. We can remove this underline from the anchored text link by adding inline style to the a tag. Example is given below

<a href="contact.php">Contact us</a> <!-- this produce the link with underline -->

<a href="contact.php" style="text-decoration:none;">Contact us</a>  <!-- this produce the link without underline -->

we can also define a class for removing underlines from all the anchored occurrences

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

<a href="contact.php" class="nounderline">Contact us</a>