how to remove the underline from a link in html code example

Example 1: remove underline from hyperlink

a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
 }

Example 2: how to remove underline from link in html

<body>
   <h2>About</h2>
   <p>
     <!-- Just add text decoration style:None -->
      Our <a href="" style="text-decoration: none;">Team</a>
   </p>
</body>

Example 3: how to remove underline from link in html

<a href="http://yoursite.com/" style="text-decoration:none">yoursite</a>

Example 4: how to remove underline from link

<a style="text-decoration:none" href="http://Example.Microsoft.Com">nonunderlinedhyperlink</a>

Example 5: how to get rid of underline for links in css

a:link - a normal, unvisited link
a:visited - a link the user has visited
a:hover - a link when the user mouses over it
a:active - a link the moment it is clicked

Tags: