CSS with text-decoration for 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 'https://www.plus2net.com/html_tutorial/css_underline.php'>This is a link with underline</a>
This is a link without underline
<a href='https://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

text-decoration: overline

This is a link with overline
<a style="text-decoration: overline" href="https://www.plus2net.com/html_tutorial/css_underline.php">This
is a link with overline</a>

text-decoration: line-through

This is a link with line-through
<a style="text-decoration: overline" href="https://www.plus2net.com/html_tutorial/css_underline.php">This
is a link with line-through</a>

text-decoration: underline overline

This is a link with underline overline
<a style="text-decoration: underline overline" href="https://www.plus2net.com/html_tutorial/css_underline.php">This
is a link with underline overline</a>

text-decoration: underline overline dotted blue

This is a link with underline overline
<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>

text-decoration: underline overline dotted red

This is a link with underline overline
<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>

text-decoration: underline overline double red

This is a link with underline overline double red
<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>

text-decoration: underline overline wavy green

This is a link with underline overline wavy green
<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>

text-decoration: underline overline dashed green

This is a link with underline overline wavy green
<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>

Buttons as Links



plus2net.com




Post your comments , suggestion , error , requirements etc here .




We use cookies to improve your browsing experience. . Learn more
HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
©2000-2020 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer