ポインターを乗せると背景色が変わる方法

WEB上で文字を強調したい場合、ポインターを乗せた時に背景色が変わるようにすれば目立ちますよね・・・

今日は、その小技を紹介しますね・・・

• SPAN要素の中に背景を変更する指示を記述します
  
  1. マウスを文字に乗せた時の背景色を指定・・・
     　　onmouseover="this.style.background='背景色'"
     
     
  2. マウスを外した時は元のページの背景色を指定・・・
     　　onmouseout="this.style.background='元のページの背景色'"
     
     
  3. 上の二つの動作指示をSPANタグの中に記述します・・・
     ＜SPAN onmouseover="this.style.background='背景色'" onmouseout="this.style.background='元のページの背景色'"＞
     ポインターをこの文字の上に乗せてみて下さい！＜/SPAN＞
     
     
  4. すると下のように成りますが・・・
     　　※　このブログでは変化しない為、
     　　　　別窓で開きますので、下の画像をクリックして下さい！
     　　

今日の小技は如何でしたか？