Adding Color to Tables


An example of HTML for tables with background color:

<table style="align:left;width:140px;margin-top:1px;margin-bottom:1px;margin-left:1px;margin-right:1px;" border="2" cellpadding="2" cellspacing="1">
<tr bgcolor="#082984"> <th> Name </th> <th> Address </th> <th> City </th> <th> State </th> <th> Zip Code </th> <th> Phone # </th> </tr>
<tr bgcolor="#00A5C6"> <td>Joe Miller</td> <td>1436 Bay Shore Dr</td> <td>Chicago</td> <td>Illinois</td> <td>60622</td> <td>1-345-234-5678</td> </tr>
<tr bgcolor="#00A5C6"> <td>Bill Thomas</td> <td>568 Dayton Circle</td> <td>Columbus</td> <td>Ohio</td> <td>43215</td> <td>1-614-386-9849</td> </tr>
<tr bgcolor="#00A5C6"> <td>Paula Schmidt</td> <td>986 Noble Oaks Blvd</td> <td>Chicago</td> <td>Illinois</td> <td>60622</td> <td>1-206-419-3876</td> </tr>
</table>


Which looks like this:

Name
Address
City
State
Zip Code
Phone #
Joe Miller
1436 Bay Shore Dr
Chicago
Illinois
60622
1-345-234-5678
Bill Thomas
568 Dayton Circle
Columbus
Ohio
43215
1-614-386-9849
Paula Schmidt
986 Noble Oaks Blvd
Chicago
Illinois
60622
1-206-419-3876




Edit the table, then select and copy it for your blog:


Command-A/command-C to copy (Mac) | alt-A/alt-C (Windows)

Give me your opinion on my site: hyperscripter@gmail.com or http://twitter.com/hyperscripter

No comments:

Post a Comment