HTML Hyperlink No Underline

Updated on 12 Jan 2012,
Published on 25 Jun 2008

HTML Hyperlink with no underline can be created using the CSS style property very easily. The CSS style property text-decoration enables or disables the different types of styles applied on the text placed inside the types of HTML elements or tags. HTML Hyperlink anchor tag with no underline can also be obtained by using this CSS property. You can use the individual values or the combination of the values of text-decoration CSS property to decorate the text placed inside the HTML hyperlink anchor tag.

text-decoration CSS Property Values

1. underline

2. overline

3. line-through

4. none

You can use "none" value of the text-decoration property to the render the HTML Hyperlink with no underline. Style attribute of HTML anchor tag <a> allows the inline CSS style code to remove the underline of hyperlink or you can use the text-decoration property of CSS for anchor tag in the embedded CSS code or External CSS file.

Example of HTML Hyperlink with no Underline

Example using inline style
<a href="#" style="text-decoration: none">
    HTML Hyperlink without Underline using inline style 
</a>
Example using CSS style
<html>
<head>
    <title>CSS Example</title>
    <style type="text/css">
        a {
            font-family: Arial;
            font-size: 12px;
            text-decoration: none;
        }
        
        a:link {
            color: #ff0000;
        }
        
        a:visited {
            color: #00ff00;
        }
        
        a:active {
            color: #666666;
        }
        
        a:hover {
            color: #0000ff;
        }
    </style>
</head>
<body>
    <a href="#">HTML Hyperlink with no Underline using CSS style</a>
</body>
</html>

Continue to next tutorial: HTML change link color using CSS style to learn how to apply the different colors to hyperlinked text in HTML.

11 Responses to "HTML Hyperlink No Underline"
It's the great info, I'll try it. Thanks
Murali
Thank you.
LonDude
It was very useful.Thanks.
Thanks a lot for your great information. Very Helpful.
Yes! This is exactly what I was looking for! Thank you so much, this has been a big help!
Appy
It was very helpful to me.
Thank you
deepa
thnx a lot.. it was very useful..
Kiron
Cooool. Thanks, that was awesome.
awsome......... gr8.. :)
prashanth kumar singh
Useful site and all the best for future.
thanx
thanx
Leave a Comment
* required
* required
* will not be published
* optional
* hint: http://www.example.com
  • Subscribe via Email