remove underline link css code example

Example 1: remove underline from link css

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

Example 2: remove style from link

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

Example 3: remove underline html

<a style="text-decoration: none;"></a>

Example 4: how to not underline links in css

a {
    text-decoration: none;
}

Example 5: how to remove underline from link

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

Example 6: remove underline from link css

<!-- HTML code to remove underline 
	from anchor tag -->
<!DOCTYPE html>
<html>
   <head>
      <title>text-decoration property</title>

      <!-- text-decoration property to remove 
         underline from anchor tag -->
      <style>
         a:link {
            text-decoration: underline;
         }
         a:hover {
            text-decoration: none;
         }
      </style>
   </head>

   <body style="text-align: center">
      <a id="GFG" href="#"> Hello Programmers! </a>
   </body>
</html>

Tags:

Css Example