CSS リンクの下の線

質問

<li><a href="http://www.aaa.com">aaa</a></li>

とした時に、

aaaの下に線ができますが、これを無くす（表示させない）には、どのようにすればよいのでしょうか？

よろしくお願いします。

回答No.1

naokita · ベストアンサー

style属性で直接書く場合。
<li><a href="～" style="text-decoration: none;">aaa</a></li>

CSSで書く場合。
全部のリンク
a { text-decoration: none;}
リスト内のリンクだけ。
li a { text-decoration: none;}

画像のリンク
img{ border-style: none;}

回答No.2

abacabu

一応参考サイトを掲載しておきます。
飛べば1発でタグ見れます。私はすっかり忘れていましたのでこうしました。

あと…慣習で結構下線がある＝リンクだなということもあるので全部を全部けしてしまうと
どこ押せば飛べるのかさっぱり分からないと言った事にもなります。
隠しリンクの場合は別ですが…
あとプルダウンメニュー等をCSSで作成しても下線はでないはずですし。
状況によってあると便利（わかり易い）な場合もありますので

参考URL：

http://www.designg.info/htmltricks/trick/link/link1.html