HTML&CSSベース-シンプルなリンクスタイル

<a href="#" class="link">링크</a>

#css
.link {
  text-decoration : none;
}

.link:visited {
  color : black;
}

リンクのデフォルトは下線です.気に入らない場合は
コードtext-decoration : none;を書けばいいです.
リンクに入ると変わる色
リンク上にマウスを置いたときの色
マウスでリンクをクリックしたときの色など
様々な設定が存在する.
クリックしたリンクの紫色の設定を解除するには、

   a { text-decoration: none; color: black; }
    a:visited { text-decoration: none; }
    a:hover { text-decoration: none; }
    a:focus { text-decoration: none; }
    a:hover, a:active { text-decoration: none; }

似たようなコードを書くだけでいいです.