how to get rid of underline in css code example

Example 1: remove underline from link css

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

Example 2: css desactivate underline

text-decoration: none;

Example 3: remove underline from a tag

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

Example 4: css how to style a

/*a normal, unvisited link*/
a:link{
	color: green;
}
/*a link the user has visited*/
a:visited{
	color: purple;
}
/*a link when the user mouses over it*/
a:hover{
	color: yellow;
}
/*a link the moment it is clicked*/
a:active{
	color: brown;
}

Example 5: how to put a h1 tag with underline ::after

h1:after {
   background: none repeat scroll 0 0 #HEXCOLOR;
   bottom: -10px;
   content: "";
   display: block;
   height: 10px;
   position: relative;
   width: 100px;
}

Example 6: 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