<a href="https://techacademy.jp/magazine/category/programming/css" target="_blank" rel="noopener noreferrer">
  <p>下線ありリンク(デフォルト)</p>
</a>

<a class="no-underline" href="https://techacademy.jp/magazine/category/programming/css" target="_blank" rel="noopener noreferrer">
  <p>下線なしリンク(ホバーで下線表示なし)</p>
</a>

<a class="no-underline underline-hover" href="https://techacademy.jp/magazine/category/programming/css" target="_blank" rel="noopener noreferrer">
  <p>下線なしリンク(ホバーで下線表示あり)</p>
</a>
a.no-underline {
  text-decoration: none;
}

a.underline-hover:hover {
  text-decoration: underline;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.