Topic: How to set background color for table? Setting background image for table?
Explanation:
Table with color: We can add background color to the table using
the attribute "bgcolor".
This attribute can be added in "table"/"tr"/"td" tag. The color can be set on the whole to table or to rows and column
Example Code:
<table border=1 bgcolor="green">
<tr>
<td>
This is first column
</td>
<td bgcolor="yellow">
This is second column
</td>
</tr>
</table>
Result:
The result for above tag will be as
This attribute can be added in "table"/"tr"/"td" tag. The color can be set on the whole to table or to rows and column
Example Code:
<table border=1 bgcolor="green">
<tr>
<td>
This is first column
</td>
<td bgcolor="yellow">
This is second column
</td>
</tr>
</table>
Result:
The result for above tag will be as
This is first column
|
This is second column
|
Table with background
image: Now we will try to create a table with one
column having a background image
Example Code:
<table border=1 bgcolor=green>
<tr>
<td>
This is 1st row 1st column
</td>
<td>
This is 1st row 2nd column
</td>
</tr>
<tr>
<td>
This is 2nd row 1st column
</td>
<td background="./test.jpg">
This is 2nd row 2nd column <br><br> Nice background
</td>
</tr>
</table>
Result:
The result for above tag will be as
Example Code:
<table border=1 bgcolor=green>
<tr>
<td>
This is 1st row 1st column
</td>
<td>
This is 1st row 2nd column
</td>
</tr>
<tr>
<td>
This is 2nd row 1st column
</td>
<td background="./test.jpg">
This is 2nd row 2nd column <br><br> Nice background
</td>
</tr>
</table>
Result:
The result for above tag will be as
This is 1st row 1st column
|
This is 1st row 2nd column
|
This is 2nd row 1st column
|
This is 2nd row 2nd column
Nice background |