Add a background color or a background image to a table HTML

Edit code and click me	Your Result (Some examples do not work in Google Chrome):
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body style="font-family:Arial, Helvetica, sans-serif;color:#3c3c3c;"> <h4>Background color:</h4> <table border="1" style="background-color:#E8E8E8;" dir="ltr"> <tr> <td>first</td> <td>row</td> </tr> <tr> <td>second</td> <td>row</td> </tr> </table> <h4>Background image:</h4> <table border="1" style="background:#fff url(../images/13-red-snapper-665.gif) no-repeat center center; width:350px; height:233px; color:#ffffff;" dir="ltr"> <tr> <td>first</td> <td>row</td> </tr> <tr> <td>second</td> <td>row</td> </tr> </table> </body> </html>
Edit the code above and click to see the result	www.xhtml.co.il - Try it yourself