用CSS控制,当鼠标放上去时背景变色

<style>
.over{
      background-color:red;
      color:white;
      cursor:hand
}
.out{
      background-color:;
      color:lime;
}
td {font-family:华文行楷;font-size:12px;}
table {border:8px groove blue;table-layout:fixed;}
</style>
<center>
<table border=0 width=54% >
<tr>
      <td onmouseover="this.className='over'" onmouseout="this.className='out'" align="left">心的彼岸</td>
      <td onmouseover="this.className='over'" onmouseout="this.className='out'" align="center">程序员居住的农村</td>
      <td onmouseover="this.className='over'" onmouseout="this.className='out'" align="right">彼岸的心</td>
</tr>
</table>