Setting the background image of a table can be done easily with styles. In this page we'll look at how to set the background image of the entire table. Later we'll set the background image of individual cells.
Suppose we want to use this image as the background:
As in the previous example we'll first create a set of style rules. The following code goes in the
<HEAD>
<STYLE TYPE="text/css">
<!--
.deepsea, .deepsea TD, .deepsea TH
{
background-image:url('deepsea.gif');
background-color:blue;
color:white;
font-family:sans-serif;
font-weight:600;
}
-->
</STYLE>
These rules state that for any element with its class set to
deepsea, or any <TD ...><TH ...>deepsea element, there are several rules:
deepsea.gif
deepsea class with a
CLASS attribute:
<TABLE CELLPADDING=8 CELLSPACING=0 CLASS="deepsea">
which gives us this table
| blah blah | yeah yeah |
| groovy dude | right on |