<a href="" class="declink">リンクです</a>

<style type="text/css">
<!--
a.declink {
  text-decoration: none;
  border-bottom: 3px blue dotted;
  padding-bottom: 2px;
}
-->
</style>

<a href="" class="declink">リンクです</a>

<style type="text/css">
<!--
a.declink { text-decoration: none;}
a.declink:link { color: #000000;}
a.declink:visited { color: #000000;}
-->
</style>

未訪問リンク　　　　　　　　a:link{color:色指定}
訪問済リンク　　　　　　　　a:visited{color:色指定}
カーソルがリンク上にある　　a:hover{color:色指定}
リンクを選択した　　　　　　a:active{color:色指定}

<a href="相対/絶対パス"　title="説明文">
カーソルがリンクに乗るとtitle属性を表示</a>

<p>
<a href="相対/絶対パス" title="自己紹介のページに移動します。"
 target="_blank">自己紹介ページ</a>
</p>