<a href="#">Home</a>
a {
  text-decoration: none;
  font-size: 1.5rem;
  color: #000;
}
a:hover {
  background: linear-gradient(gold, gold);
  background-size: 100% 10px;
  background-position: 0 100%;
  background-repeat: no-repeat;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.