Certified HTML5 Developer Learning Resources Table Backgrounds

Learning Resources
 

Table Backgrounds


You can change the background color of the entire table, each row, or each cell. To change the background color of the table, add the bgcolor=" " command, just like in the body tag:






Red Rules!

Now the whole table has a red background:

Red Rules!

To change the color of each cell, add the bgcolor command to each tag you want to change:







red

blue

Now we have two different colored cells:

red blue

And finally, to change the color of a table row, add the bgcolor command to the tag:










red red again...
blue blue again!

And now the rows are different colors:

red red again...
blue blue again!

Pretty neat stuff, isn't it? You can design calendars, price lists, or whatever comes to mind using tables.

CSS is used in HTML5 for such customizations.

 For Support