かげの声                                         2006.9.09 (2014/07/20)
***************************************************************************
　　文字のロールオーバー表示方法 （文字にカーソルを持っていくと色が変わる）
-----------------------------------------------------------------------
例１　　タイトルの後に次の４行を入れる
　　　　　　　　　　　　　<STYLE　から　</STYLE>　までの命令文
　　注意：もちろん　①と②の記号は入れないで下さい！

<TITLE>○○</TITLE>

<STYLE type="text/css">
A:visited {FONT-SIZE: 16px; COLOR: #ffff00; TEXT-DECORATION: none;} 　　①
A:hover {FONT-SIZE: 16px; COLOR: #ff0000; TEXT-DECORATION: none;}　　　 ②
</STYLE>


　①は普通表示の文字の大きさ　１６の部分を可変　#ffff00は最初の文字色（黄色）
　②はカーソルを持って行ったときの命令文
　　　　文字の大きさ　１６の部分を可変　#ff0000　は持っていったときの色（赤色）
　　①と②の命令文を入れると　そのページの普通リンク部分が変化する。
　　もちろん　文字色指定を別にやればカーソルを持っていっても変化しない。
　
　　通常　①と②の文字サイズは同じにしているようです。

※　ホームページビルダーで　編集すると　なぜか　下のように　<!--　と-->　が付く

<STYLE type="text/css">
<!--
A:visited {FONT-SIZE: 16px; COLOR: #ffff00; TEXT-DECORATION: none;}
A:hover {FONT-SIZE: 16px; COLOR: #ff0000; TEXT-DECORATION: none;}
-->
</STYLE>

※　ホームページビルダーで編集すると　｝｝｝｝のように複数出る場合がある。
　インターネットエクスプローラ（ＩＥ）では問題ないようだが
ブラウザー　Mozilla Firefox　では、エラーし、文字のオールオーバーは
できないようです。直し方：ホームページビルダーでページを開き、HTML ｿｰｽ
を選び余分な　｝　を取り上書きすれば　ＯＫです。　10/30　ﾒﾓ
　　
-----------------------------------------------------------------------
例２　例１で、リンク文字の下のアンダーバーを残したい場合

<STYLE type="text/css">
A:visited {FONT-SIZE: 16px; COLOR: #ffff00}
A:hover {FONT-SIZE: 16px; COLOR: #ff0000}
</STYLE>

※　ホームページビルダーで　編集すると　<!--　と　-->
　の他に　#ffff00}　の部分に　が;入り　#ffff00;}　に変化する。　

-----------------------------------------------------------------------
例３　例１を　さらに　簡略した　例

<STYLE type=text/css>
A {TEXT-DECORATION: none}
A:hover {COLOR: #ff0000}
</STYLE>
　　　　　　
----------------------------------------------------------------------
その他　一度見たページに戻ったとき　文字色を変える
　　　　次の一行をA:visited とA:hover の間に入れる。
        #000000 を変えると文字色が変えられる。

A:active {COLOR: #000000; TEXT-DECORATION: none;}
　　　　　　　　　　　　　　　　　　　　　　　　　　　
************************************************************************