TOP /ちょこっとJavaScript	テーブルの背景色を変える

NO1 NO2

NO3 NO4

<table border=1 bgcolor=#0000ff style="color:#ffffff">
<tr align=center>
<td width=90 onMouseover="this.style.backgroundColor='#00ffff'" onMouseout="this.style.backgroundColor='#0000ff'">NO1</td>
<td width=90 onMouseover="this.style.color='#00ffff'" onMouseout="this.style.color='#ffffff'">NO2</td></tr>
<tr align=center>
<td onMouseover="this.style.backgroundColor='#00ffff';this.style.color='#0000ff'" onMouseout="this.style.backgroundColor='#0000ff';this.style.color='#ffffff'">NO3</td>
<td onMouseover="this.style.fontStyle='italic'" onMouseout="this.style.fontStyle='normal'">NO4</td></tr>
</table>

NO1では、マウスを乗せると背景色を変更
NO2では、マウスを乗せると文字色を変更
NO3では、マウスを乗せると背景色と文字色を同時に変更
NO4では、マウスを乗せると文字のスタイルを変更しています。

横のセルを同時に変更するときには、<tr>内に
テーブル全て同時に変更するときには、<table>内に記述します。

HTML/テーブルのレイアウト・テーブルを色で飾る・テーブルのレイアウト2