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.
<a style="text-decoration: underline overline" href="https://www.plus2net.com/html_tutorial/css_underline.php">This
is a link with underline overline</a>
<a style="text-decoration: underline overline dotted blue" href="https://www.plus2net.com/html_tutorial/css_underline.php">This
is a link with underline overline</a>
<a style="text-decoration: underline overline dotted red" href="https://www.plus2net.com/html_tutorial/css_underline.php">This
is a link with underline overline red</a>
<a style="text-decoration: underline overline double red" href="https://www.plus2net.com/html_tutorial/css_underline.php">This
is a link with underline overline double red</a>
<a style="text-decoration: underline overline wavy green" href="https://www.plus2net.com/html_tutorial/css_underline.php">This
is a link with underline overline wavy green</a>
<a style="text-decoration: underline overline dashed green" href="https://www.plus2net.com/html_tutorial/css_underline.php">This
is a link with underline overline dashed green</a>