remove underline 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: how to remove all defualt underline in css

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}

Example 4: how to change hyperlink color in css

a {
  background-color: red;
  color: white;
  padding: 1em 1.5em;
  text-decoration: none;
  text-transform: uppercase;
}

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