リンクにマウスが乗ったら色を変える!                      

「スタイルシート」を初めて使ってみました!!

 他のホームページを見ていた時、リンクにマウスが乗ったとき色が変わるHPがあったので、「これはパクらないと!!」と、早速古いリファレンスマニュアルを取り出したものの・・・・判りませんでした。

 で・・・・、この間、見つけました。  「初めてのホームページ講座」 というHP。

 これを参考にしながらやってみました。 ・・・Macや、IE6以外で動くかどうか判りませんが・・・ 


  1. スタイルを記述した「my_style.css」ファイルを追加。

    my_style.css
    A{text-decoration : none;}
    A:HOVER{color : yellow;background-color : blue;text-decoration : underline;}

     ( upload 時点でのソースファイル構成)・・・my_style.css を追加した様子。


  2. 各ページの<HEAD>〜</HEAD>に外部CSSファイル読み込みを追加。

    <HTML>
    <HEAD>
      ・・・・
    <TITLE> ・・・ </TITLE>
    <LINK rel="stylesheet" href="../my_style.css">
    </HEAD>

とりあえず動いているようですが、もし、動きがおかしい場合、下記宛にメールでご指摘頂けるとありがたいです・・・

 mailto:ada@maia.eonet.ne.jp