リンクのアンダーラインを消す
リンクが設定されているテキストには自動的にアンダーラインが引かれますが、
リンクのアンダーラインを表示させないようにすることが出来ます。
<HEAD>の下に記述
<style type="text/css">
<!--a {text-decoration:none;}-->
</style>
</HEAD>
消えない場合
<body>の下に記述
<style type="text/css">
<!--a {text-decoration:none;}-->
</style>
部分的に消す
アンダーラインを消したいリンクの部分を以下のようにします。
<A href="リンク先のURL" style="text-decoration:none">テキスト</A>
リンクの下線を部分的につける
逆に全体ではリンクの下線を表示しないように設定した場合に、
部分的に下線を表示するリンクにしたい場合は、次のようにします。
<a href="リンク先のURL" style="text-decoration:underline">テキスト</a>
カーソルを当てるとアンダーラインをつける
<HEAD>
ここの部分に 下記4行を追加でカーソルを当てるとアンダーラインつける
</HEAD>
<style type="text/css">
a {text-decoration:none}
a:hover {text-decoration:underline}
</style>
おまけ
下記でアンダーラインを消してマウスでポイントした部分に
アンダーラインを付けて、色を変えます
<STYLE type="text/css">
<!--a {text-decoration:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
A:HOVER{color : red;}
-->
</STYLE>
