リンクのアンダーラインを表示しない

リンクが張られている文字には、自動的にアンダーラインが引かれます。
しかし、ページのデザイン上、これをなくしたい場合もあるでしょう。
このようなときは、Aタグのスタイルシートを変更し、アンダーラインを非表示にしましょう。

下のページのリンクの下線を消します。

上のページにtext-decoration:noneを指定する

HEAD内に、
「A:link {text-decoration:none}」
「A:visited {text-decoration:none}」
「A:active {text-decoration:none}」という3つのスタイルシートを記述すると、
アンダーラインは非表示になります。

<style type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
A:active {text-decoration:none}
-->
</style>

特定のリンク文字の下線を消す
上の様にリンク全体のアンダーラインではなく、
特定のリンクのアンダーラインを消す場合は下のスタイルシートで指定して下さい。
　　　　　　　　　　　　　　　　　　　　　　　　　donbey sunroom　　←このリンクの下線を消す。
<A href="http://www5b.biglobe.ne.jp/~donbey/" style="text-decoration:none;">donbey sunroom</A>
donbey sunroom