サルでもわかる？かんたんHTML トップページ
>>> ちょこっとCSS
>>> リンク文字の下線を消そう
「リンク画像の枠線はHTMLでも消せたけど、
リンク文字の下線を消すにはスタイルシートが必要なの。
部分的に指定する方法とページ全体を一括指定する方法を紹介するわね。」
「リンクのタグは リンクを貼ろう でやったわね。
この開始タグの中に STYLE="text-decoration:none;" を入れると
そのリンクの文字の下線を消すことができるの。
次はページ全体のリンク文字を一括で指定する方法ね。」
「まず <HEAD>〜</HEAD> の中に
<STYLE type="text/css">〜</STYLE> というのがあるわね。
このタグにはさまれた部分にスタイルシートの指定を書いていくのよ。」
「A { text-decoration:none;} の部分ですね？」
「そう。最初の A というのは
A href="■" の A ね。
この指定が書かれたページのリンクは
文字の下線をすべて消すことができるの。
リンクがたくさんあるページではこちらの方が便利ね。」
↑ページのTOPへ
サルでもわかる？かんたんHTML トップページ >>> さるぢえ集 >>> リンク文字の下線を消そう
「リンク画像の枠線はHTMLでも消せたけど、リンク文字の下線を消すにはスタイルシートが必要なの。
部分的に指定する方法とページ全体を一括指定する方法を紹介するわね。」
| ソース （部分的に指定） |
|
<BODY>〜</BODY> の間に入力
<A href="リンク先のURL" STYLE="text-decoration:none;"> リンク文字 </A> |
「リンクのタグは リンクを貼ろう でやったわね。この開始タグの中に STYLE="text-decoration:none;" を入れると
そのリンクの文字の下線を消すことができるの。
次はページ全体のリンク文字を一括で指定する方法ね。」
| ソース （ページ全体を一括で指定） |
|
<HEAD>〜</HEAD> の間に入力
<STYLE type="text/css"> <!-- A { text-decoration:none;} --> </STYLE> <BODY>〜</BODY> の間に入力 <A href="リンク先のURL">リンク文字</A> |
「まず <HEAD>〜</HEAD> の中に<STYLE type="text/css">〜</STYLE> というのがあるわね。
このタグにはさまれた部分にスタイルシートの指定を書いていくのよ。」
「A { text-decoration:none;} の部分ですね？」
「そう。最初の A というのはA href="■" の A ね。
この指定が書かれたページのリンクは
文字の下線をすべて消すことができるの。
リンクがたくさんあるページではこちらの方が便利ね。」
↑ページのTOPへ
|
見出しのレイアウトを変えよう <<< 前のちょこっとCSSへ戻る |
サルでもわかる？かんたんHTML トップページへ戻る >>> |
|
画像の枠線を消そう <<< 関連ページへ戻る |
サルでもわかる？かんたんHTML トップページ >>> さるぢえ集 >>> リンク文字の下線を消そう
