dcsimg

So, You Want Color in a Table, Huh?

By Joe Burns

WEBINAR:
On-Demand

Building the Right Environment to Support AI, Machine Learning and Deep Learning


Use these to jump around or read it all...

[A Simple Color Table]
[Changing Text Color, Too]

     I should point out that this tutorial will not get into the creation of the table itself, only changing the background and text color. To read up on how to make a table, see the Table tutorial.

A Simple Color Table

     Dig this...

Yellow Stars Green Clovers
Purple Moons Blue something or other...

Here's What Did It

<TABLE BORDER=4 CELLSPACING=4 CELLPADDING=4>
<TR>
<TD BGCOLOR="#ffff00">Yellow Stars
<TD BGCOLOR="#00ff00">Green Clovers
</TR>
<TR>
<TD BGCOLOR="#ff00ff">Purple Moons
<TD BGCOLOR="00ffff">Blue something or other...
</TD>
</TR>
</TABLE>

 

     Notice it's just a basic table with a BGCOLOR= command stuck in now and again for good measure. That's how you do it. Whatever color you would like, put either the hex code or the word code for the color and you're off and running.

Changing Text Color, Too

     Dig this too...

Yellow Stars Green Clovers
Purple Moons Blue something or other...

Here's What Did It

     At least here's the top left cell...

<TD BGCOLOR="#ffff00">
<FONT COLOR="#800517">Yellow Stars</FONT>

     Notice it's the same commands as for the table. I just used the font color commands to change the text color.

     Put it all together and you can create some pretty awful looking tables!

 Enjoy!

[A Simple Color Table]
[Changing Text Color, Too]


Make a Comment

Loading Comments...

  • Web Development Newsletter Signup

    Invalid email
    You have successfuly registered to our newsletter.

    By submitting your information, you agree that htmlgoodies.com may send you HTMLGOODIES offers via email, phone and text message, as well as email offers about other products and services that HTMLGOODIES believes may be of interest to you. HTMLGOODIES will process your information in accordance with the Quinstreet Privacy Policy.

  •  
  •  
  •  
Thanks for your registration, follow us on our social networks to keep up-to-date