下線ナシのリンク作り

質問

<a href="http://。。。。。.html">あいうえお</a>

リンクを貼るとき↑のようにすると、「あいうえお」の下に線が入ります。

下線のない状態のリンクで、クリックしようとカーソルを近づけたときに、
下線が出てくるリンクを見かけますが、どのようにすれば良いのでしょうか？

サイトマップを作っているのですが、下線だらけで読みずらい為、下線ナシにしたいのです。

教えて下さい。どうぞよろしくお願い致します。

回答No.1

mikaze0718 · ベストアンサー

<a href="http://。。。。。.html" target="_blank" style="text-decoration:none">あいうえお</a>
で、新しい窓で開きます。(下線なし)

同じ窓は、
<a href="http://。。。。。.html" style="text-decoration:none">あいうえお</a>

です。

お礼

できました！嬉しいです。どうもありがとうございます。

回答No.2

Oh-Orange

★スタイルシートを使います。
・下にサンプルを載せますので組み込んで下さい。

スタイルシート部:
A:Link{
　TEXT-DECORATION:none;
　COLOR:#0000FF;
}
A:Visited{
　TEXT-DECORATION:none;
　COLOR:#CC00FF;
}
A:Active{
　TEXT-DECORATION:underline;
　BACKGROUND-COLOR:#FF0000;
　COLOR:#FFFFFF;
}
A:Hover{
　TEXT-DECORATION:underline;
　BACKGROUND-COLOR:#0000FF;
　COLOR:#FFFFFF;
}

HTMLソース部:
<A HREF="http://oshiete1.goo.ne.jp/qa3285434.html">下線ナシのリンク作り</A>

解説:
・スタイルシート部の設定により下線を表示、非表示に出来ます。
　A:Link………リンク色
　A:Visited…一旦訪問したリンク色
　A:Active…アクティブ状態のリンク色
　A:Hover……マウスを上に乗せた状態のリンク色
　という設定になります。
・あと単純に下線を消したい場合は回答者 No.1 さんの回答にあるように
　『TEXT-DECORATION:underline』を STYLE 属性で指定すれば良いです。
＞下線のない状態のリンクで、クリックしようとカーソルを近づけたときに、
＞下線が出てくるリンクを見かけますが、どのようにすれば良いのでしょうか？
　↑
　でもこれを実現するには A:Hover を設定する必要があります。
・スタイルシートは HTML ソースのヘッダ部にある <STYLE>～</STYLE> で記述するか、
　スタイルシートを外部ファイルに保存して
　『<LINK REL="StyleSheet" TYPE="text/css" HREF="/外部ファイル名.css">』
　として読み込む必要があります。
・以上。スタイルシートの基本知識はあるのでしょうか？補足して。

お礼

大変詳しく説明して頂き本当にありがとうございます。
（スタイルシートの簡単な変更などはしていますが、詳しい知識はありません。もっと頑張って勉強します。）