Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
changing background colour of each cell in a table
- Thread starter anto2
- Start date
secretsquirrel
Programmer
yes, you could do this through css by having the following in the <head> of your page...
<style>
.red { background-color: #FF0000 }
.green { background-color: #00FF00 }
.blue { background-color: #0000FF }
</style>
...and then reference these styles like this...
<table>
<tr>
<td class="red">text</td>
<td class="green">text</td>
<td class="blue">text</td>
</tr>
</table>
...or you can just directly apply the colours to the cells...
<table>
<tr>
<td bgcolor="#FF0000">text</td>
<td bgcolor="#00FF00">text</td>
<td bgcolor="#0000FF">text</td>
</tr>
</table>
...if you intend to re-use colours you'd be better off using the css method.
<style>
.red { background-color: #FF0000 }
.green { background-color: #00FF00 }
.blue { background-color: #0000FF }
</style>
...and then reference these styles like this...
<table>
<tr>
<td class="red">text</td>
<td class="green">text</td>
<td class="blue">text</td>
</tr>
</table>
...or you can just directly apply the colours to the cells...
<table>
<tr>
<td bgcolor="#FF0000">text</td>
<td bgcolor="#00FF00">text</td>
<td bgcolor="#0000FF">text</td>
</tr>
</table>
...if you intend to re-use colours you'd be better off using the css method.
- Thread starter
- #3
cian
Technical User
- Oct 11, 2001
- 1,383
...and dont forget that you can place a background image in each if you wish, just needs a simply modification of the above codes!
É enzo@endamcg.com
É enzo@endamcg.com
- Status
Similar threads
- Locked
- Question
- Locked
- Question
- Locked
- Question
