 |
|
| >> リンク文字の下線を消す | |
◆リンクをはった文字の下線を消す方法です ページ内のタグに直接記述する方法と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:カラーコード又はカラー名;で背景色など色々なスタイルを設定することができます。 |