<p>これは <a href="#" class="my-link">リンク</a> です。</p>

.my-link {
  text-decoration: underline;
  text-underline-offset: 10px; /* 本来の位置から10pxオフセット */
  color: blue;
}