How can the styles be applied for the TD for OnMouseOver & OnMouseOut events?

The styles can be changed for the onmouseover and onmouseout events for the TD tags as shown below.

Td.mouseout
{
    background-color: #FAEBD7; 
    BORDER-RIGHT: maroon thick double;
    BORDER-TOP: maroon thick double; 
    BORDER-LEFT: maroon thick double;
    BORDER-BOTTOM: maroon thick double;
    MARGIN: 1px; 
    color: #FFFFFF;
}
 
Td.mouseover
{ 
    background-color: #FFFFFF; 
    color: #000000; 
}
 
 
<table width="100%">
    <tr>
        <td  class="mouseover" onmouseover="className=’mouseout’;" onmouseout="className=’mouseover’;">
             Styles applied for onmouseover & onmouseout
        </td>
    </tr>
</table>