Tablonun üzerine geldiğimizde arkaplan renginin değişmesini sağlıyabiliyorum ama arkaplan resminin değişmesini sağlıyamıyorum

Genelde siteler class kullanıyor ama bunu direk <td> içerisinde yapmamız mümkün değil mi?
tablonun üstüne gelince arkaplan rengini değiştiren kod;
<html> <body> <table border="1" width="400" height="400"> <tr> <td width="200" onmouseout="this.bgColor='';" onmouseover="this.bgColor='#FFFFD9';" bgcolor=""> </td> <td width="200" onmouseout="this.bgColor='';" onmouseover="this.bgColor='#FFFFD9';" bgcolor=""> </td> </tr> </table> </body> </html>illede <td> arasına kod yazmam gerekmiyor bu class işini anlatan link verseniz de olur

Yardımlarınızı bekliyorum