>> リンク文字の下線を消す

◆リンクをはった文字の下線を消す方法です
ページ内のタグに直接記述する方法とHTMLファイル全体に設定する方法があります。
また、HTMLファイル内にスタイルをまとめて設定する場合は、CLASSやIDで適用範囲を
選択することもできます。
初心者向けのTipsということで、こちらではページ内のタグに直接記述する方法と
HTMLファイル全体に設定する方法を説明いたしますね。

[タグに直接記述する方法]
<A href="★" style="text-decoration : none;">リンク文字</A>
★・・・リンク先URL

[HTMLファイル内に設定する方法]
<HEAD>から</HEAD>の中に入れてください
<STYLE type="text/css">
<!--
A:LINK {text-decoration:none;}
A:VISITED {text-decoration:none;}
A:ACTIVE {text-decoration:none;}
A:HOVER {text-decoration:none;}
-->
</STYLE>

A:LINK(未訪問)
A:VISITED(既訪問)
A:ACTIVE(訪問中)
A:HOVER(マウスを合わせた状態)
{から}の間にスタイルを設定します
text-decoration:none;の他にcolor:カラーコード又はカラー名;で文字色、
background-color:カラーコード又はカラー名;で背景色など色々なスタイルを設定することができます。


<< site top