how to get rid of underline for links in css

CSS
 a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
 }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
Source

Also in CSS: