[ｂｏｄｙの中]

<table style="text-align: center;" summary="サンプル">
<tr>
<td>
<table cellpadding="6" style="background-color:#9899d9;"
summary="サンプル">
<tr>
<td>マウスを
<br />
乗せているときだけ・・・
</td>
</tr>
<tr>
<td>
<span style="font-size:28px; color:#ff0033;"
onmouseover="document.bgColor='#fcccca'"
onmouseout="document.bgColor='#ffffff'">★
</span>
<span style="font-size:28px; color: #30882b;"
onmouseover="document.bgColor='#cafe99'"
onmouseout="document.bgColor='#ffffff'">★
</span>
<span style="font-size:28px; color: #d1ae2e;"
onmouseover="document.bgColor='#feff8a'"
onmouseout="document.bgColor='#ffffff'">★
</span>
</td>
</tr>
</table>
</td>
<td>
<img src="kuhaku-space.jpg" width="30" height="5" style="border: 0;"
alt="空白を開ける" />
</td>
<td>
<table border="0" cellpadding="8" style="background-color: #c0c0c0;"
summary="サンプル">
<tr>
<td>マウスを
<br />
乗せても離しても・・・
</td>
</tr>
<tr>
<td>
<span style="font-size:20px; color: #ff0033;"
onmouseover="document.bgColor='#fcccca'"
onmouseout="document.bgColor='#fcccca'">マウス
</span>
<span style="font-size:20px; color: #30882b;"
onmouseover="document.bgColor='#cafe99'"
onmouseout="document.bgColor='#cafe99'">マウス
</span>
<span style="font-size:20px; color: #d1ae2e;"
onmouseover="document.bgColor='#feff8a'"
onmouseout="document.bgColor='#feff8a'">マウス
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>

[ブラウザ上]

マウスを 乗せているときだけ・・・ ★ ★ ★

マウスを 乗せても離しても・・・ マウス マウス マウス