如何onmouseover触发改变单元格颜色？

Question

<td width="17%" onmouseover="this.style.color='#FF0000'" onmouseout="this.style.color='#FFFFFF'">&nbsp;</td>

Answer 1

table#changecolor td a {
    width:100%;
    display:block;
    background-color:#ccc;
}
table#changecolor td a:hover {
    width:100%;
    background-color:#aaa;
}<table id="changecolor" width="200" border="0" cellspacing="1" cellpadding="0" >
<tr> 
<td ><a href="##">test</a> </td> 
<td ><a href="##">test</a> </td> 
<td ><a href="##">test</a> </td>
</tr>
</table>

Answer 2

<style>
td {width:25%;border:solid 1px #ccc;myOver:expression(onmouseover=function(){this.bgColor="#eeeeee";this.style.borderColor="#666"},onmouseout=function(){this.bgColor="";this.style.borderColor="#ccc"})}
</style>
<table width="80%" height="20" cellspacing=0 style="border-collapse:collapse"><tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr></table>
这个有些浪费资源