タグを使ってリンクの下線を非表示にする方法を教えてください。

質問

HTMLの質問です。

下線の装飾等をする方法はかなり紹介されているのですが、
下線を非表示にする方法をご存知のかたお願いします。

IE等のブラウザーにオプションからの設定はできるのですが、
それに頼らず、最初からタグによって、非表示にする方法を探しています。

いろいろ探しまして、これはというタグを０００aboutのサイトから
教えていただいたのですが、実際に使用してみると実行されませんでした。
何かが足らないのかなと思うのですが、分かりません。

そこは掲示板がないので、こちらでお分かりの方からアドバイスをいただきたく
投稿しました。

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

上記のタグは下線を非表示にするタグと別の装飾タグを入れるタグとの組み合わせ
でしたが、私には一部不要でしたので、ーーnone;以降の部分は割愛しました。

このタグにミスがありますでしょうか。
または、他のタグで非表示にできる方法をご存知でしたら、ご教授ください。
お願い致します。

回答No.1

HUTABA · ベストアンサー

タグではなくてスタイルシートですね。
a.declinkなんてクラスは存在しなかったと思うのですが……

＞<style type="text/css"><!--
＞a.declink { text-decoration: none; }
＞--></style>

これを

<style type="text/css"><!--
a { text-decoration: none; }
--></style>

としてください。

参考URL：

http://tohoho.wakusei.ne.jp/css/basic.htm#Pseudo

お礼

速攻で、即効ですね！！効きました！　効きました！！
一分たたなかったようですね。
回答していただいた時間が。
記録的早さに驚きました。
もちろん、一発で実現できました。
３０ポイントをあげたいんですが、
できないのですみません。
また、よろしくお願いします。

回答No.2

natsuki_tk

aタグ全ての下線を消すなら
a { text-decoration: none; }

特定のタグだけ消したいならクラス名まで追加。
a.declink{ text-decoration: none;}

<a href="aaa.html" class="declink">下線無し</a>

お礼

ありがとうございます。
勉強になります。
さらに詳しくありがとう
ございました。