How to Change Main Table Color

Creating tables can be a great way to organize your information on a website or to organize document data. When creating a table, the background of the table will be white, by default, and the text will be black. One of the ways you can spruce up the table by adding your own colors. You can change the background color as well as the text color to meet your satisfaction.

Difficulty: Moderate

Instructions

Things You'll Need:

• HTML color code

1. Decide what color you would like to change the table color to. In order to choose a color, you can view an HTML color chart to get color codes.

2. Open your website's file directory to locate the web page that contains the table you would like to edit. Open the page for editing. If the table is in a Word document instead of a website, click on the option to view the "HTML Source" of the Word document to edit the HTML code.

3. Locate the HTML tag for the table. The tag will begin as "<table>."

4. Enter the following code inside of the HTML tag. "bgcolor="#000000." The tag will now appear as <table bgcolor="000000"> and will yield a black table background. You can change the numbers to reflect the color you selected from the HTML color chart.

5. Change the text color in the table by adding the following code after the <table> tag, <font color="#ffffff">. This will yield white text on the black background. The font color tag is a separate tag and should not be included inside of the <table> tag, but directly following the tag.

6. Save the changes to your table after previewing it to ensure it appears as you would like.

Resources

• HTML Color Code Chart