HTML table header coloring

sreejesh

New Member
Joined
Oct 3, 2009
Messages
49
Hi,

I have created a second HTML table and need help in adding color to the first row. Below is the code for the extra table

<html><head></head><body><table border=1 cellpadding=10 cellspacing=0><tr><th></th><th>X</th><th>Y</th><th>Z</th></tr><tr><th>1</th><td align="right">2791</td><td align="right">8011</td><td align="right">9582</td></tr><tr><th>2</th><td align="right">6793</td><td align="right">6863</td><td align="right">4790</td></tr><tr><th>3</th><td align="right">8064</td><td align="right">2626</td><td align="right">3917</td></tr><tr><th>4</th><td align="right">2660</td><td align="right">8776</td><td align="right">6805</td></tr></table></body></html></pre>
X, Y and Z are the first 3 celsl of the 1st row and i need to add some color to them.


Thanks in advance for the help.
 

Some videos you may like

Excel Facts

Can you sort left to right?
To sort left-to-right, use the Sort dialog box. Click Options. Choose "Sort left to right"

sreejesh

New Member
Joined
Oct 3, 2009
Messages
49

<html><head></head><body><table border=1 cellpadding=10 cellspacing=0><tr><th></th><th>X</th><th>Y</th><th>Z</th></tr><tr><th>1</th><td align="right">2791</td><td align="right">8011</td><td align="right">9582</td></tr><tr><th>2</th><td align="right">6793</td><td align="right">6863</td><td align="right">4790</td></tr><tr><th>3</th><td align="right">8064</td><td align="right">2626</td><td align="right">3917</td></tr><tr><th>4</th><td align="right">2660</td><td align="right">8776</td><td align="right">6805</td></tr></table></body></html></pre>

<tbody>
</tbody>
 

Watch MrExcel Video

Forum statistics

Threads
1,122,481
Messages
5,596,395
Members
414,063
Latest member
N_Bates

We've detected that you are using an adblocker.

We have a great community of people providing Excel help here, but the hosting costs are enormous. You can help keep this site running by allowing ads on MrExcel.com.
Allow Ads at MrExcel

Which adblocker are you using?

Disable AdBlock

Follow these easy steps to disable AdBlock

1)Click on the icon in the browser’s toolbar.
2)Click on the icon in the browser’s toolbar.
2)Click on the "Pause on this site" option.
Go back

Disable AdBlock Plus

Follow these easy steps to disable AdBlock Plus

1)Click on the icon in the browser’s toolbar.
2)Click on the toggle to disable it for "mrexcel.com".
Go back

Disable uBlock Origin

Follow these easy steps to disable uBlock Origin

1)Click on the icon in the browser’s toolbar.
2)Click on the "Power" button.
3)Click on the "Refresh" button.
Go back

Disable uBlock

Follow these easy steps to disable uBlock

1)Click on the icon in the browser’s toolbar.
2)Click on the "Power" button.
3)Click on the "Refresh" button.
Go back
Top