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 '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

text-decoration: overline

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

Buttons as Links

Subscribe to our mailing list

* indicates required
Subscribe to plus2net
Visitors Rating
Your Rating


Google+

Post Comment This is for short comments only. Use the forum for more discussions.




Subscribe to our mailing list

* indicates required
Subscribe to plus2net
HTML . MySQL. PHP. JavaScript. ASP. Photoshop. Articles. FORUM Contact us
©2000-2018 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer