Set the background color of the three columns with the <colgroup> and <col> tags:
![]()
The <colgroup> tag is supported in all major browsers.
The <colgroup> tag specifies a group of one or more columns in a table for formatting.
The <colgroup> tag is useful for applying styles to entire columns, instead of repeating the styles for each cell, for each row.
Note: The <colgroup> tag must be a child of a <table> element, after any <caption> elements and before any <thead>, <tbody>, <tfoot>, and <tr> elements.
Tip: To define different properties to a column within a <colgroup>, use the <col> tag within the <colgroup> tag.
Most of the attributes from 4.01 are not supported in HTML5.
| Attribute | Value | Description |
|---|---|---|
| align | left right center justify char |
Not supported in HTML5 |
| char | character | Not supported in HTML5 |
| charoff | number | Not supported in HTML5 |
| span | number | Defines the number of columns the <colgroup> should span |
| valign | top middle bottom baseline |
Not supported in HTML5 |
| width | % pixels relative_length |
Not supported in HTML5 |
The <colgroup> tag also supports the Global Attributes in HTML5.
The <colgroup> tag also supports the Event Attributes in HTML5.
| WEB HOSTING |
|---|
| Best Web Hosting |
| PHP MySQL Hosting |
| Best Hosting Coupons |
| UK Reseller Hosting |
| Cloud Hosting |
| Top Web Hosting |
| $7.95/mo SEO Hosting |
| Premium Website Design |
| WEB BUILDING |
|---|
| XML Editor - Free Trial! |
| FREE Website BUILDER |
| Free Website Templates Free CSS Templates |
| Make Your Own Website |
| W3SCHOOLS EXAMS |
|---|
|
Get Certified in: HTML, CSS, JavaScript, XML, PHP, and ASP |
| W3SCHOOLS BOOKS |
|---|
|
New Books: HTML, CSS JavaScript, and Ajax |
| STATISTICS |
|---|
|
Browser Statistics Browser OS Browser Display |
| SHARE THIS PAGE |
|---|