Understanding HTML tables Part 5
Table Attributes
continued...
Background Images
You can set your whole table to have a background image, or just the individual data cell. If you put the background image in the data cell, then you could set each cell to have a different image.
using table background images
|
putting the background in the entire table |
if you have multiple cells, the background still covers them all. |
|
using td background images
|
putting the background into a data cell |
if you have multiple cells, the rest aren't affected by the background |
|
using multiple td background images
|
putting the background into a data cell |
you can set different backgrounds in each data cell |
|
mixing table and td background images
first cell
|
second cell
|
third cell
|
|
this data cell has no background set so it has the table background showing through |
this data cell has a background specified |
this data cell has no background set so it has the table background showing through |
|
using table background colours
|
setting the background colour in the entire table |
if you have multiple cells, the background colour still covers them all. |
|
using td background colours
|
putting the background colour into a data cell |
if you have multiple cells, the rest aren't affected by the background colour of another cell |
|
using multiple td background colours
|
putting the background colour into a data cell |
you can set different background colours in each data cell |
|
mixing table background colours and td background colours
first cell
|
second cell
|
third cell
|
|
this data cell has no background colour set so it has the table background colour showing through |
this data cell has a background colour specified |
this data cell has no background colour set so it has the table background colour showing through |
|
mixing background colours and background images
first cell
|
second cell
|
third cell
|
|
this data cell has no background colour set so it has the table background colour showing through |
this data cell has a background specified |
this data cell has a background colour set |
|
!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/29c7b22d257bb125787ef085a/75fe84216856891d96d5861a6.js");