Why Table Bgcolor Is No Longer Valid Code (And What To ... - HTML

Skip to content HTML / Create An HTML Table Quickly & Easily With Our Code Example / Why Table Bgcolor Is No Longer Valid Code (And What To Use Instead)Deprecated in HTML5. Do not use.Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn moreAttribute ofCreate An HTML Table Quickly & Easily With Our Code ExampleWhat does Why Table Bgcolor Is No Longer Valid Code (And What To Use Instead) do?Was used to set the background color of an HTML table. This attribute has been deprecated. Use CSS to style tables.

Code Example

<table bgcolor="#ccccff"> <tr><td>First column</td><td>Second column</td><td>Third column</td></tr> <tr><td>First column</td><td>Second column</td><td>Third column</td></tr> <tr><td>First column</td><td>Second column</td><td>Third column</td></tr> </table>

First column	Second column	Third column
First column	Second column	Third column
First column	Second column	Third column

Styling Table Background Colors

The bgcolor was once the correct way to specify the color to be applied to the background of a table. However, this attribute has been deprecated in favor or using CSS to style tables. The attribute does still work in most browsers and can accept color names, hex color codes, and rgb values. To set the background of a table with CSS, use the background-color property instead of the bgcolor HTML attribute.

<style> table.example-table { background-color: #ccccff; } </style> <table class="example-table"> <tr><td>First column</td><td>Second column</td><td>Third column</td></tr> <tr><td>First column</td><td>Second column</td><td>Third column</td></tr> <tr><td>First column</td><td>Second column</td><td>Third column</td></tr> </table> table.example-table{background-color: #ccccff;}

First column	Second column	Third column
First column	Second column	Third column
First column	Second column	Third column

Adam WoodAdam is a technical writer who specializes in developer documentation and tutorials.

Post navigation

How To Use In HTML<td nowrap>

Search HTML.com

Search for:

Most Popular

• <var> HTML Tag651 views
• What Is Doxing? (And Why Is It So Scary?): An Infographic67 views
• <meter> HTML Tag65 views
• The Web Worker's Stress Busting Toolbox: 50 Tips to Improve Your Life65 views
• <rp> HTML Tag29 views

We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.Ok