Working with Tables
Demo:
| Table Head |
Table Head |
Table Head |
| Your contents goes here. |
Your contents goes here. |
Your contents goes here. |
| Your contents goes here. |
Your contents goes here. |
Your contents goes here. |
HTML goes here.
<table width="450" border="0" cellpadding="0" cellspacing="0" class="infotable">
<tr>
<th>Table Head </th>
<th>Table Head</th>
<th>Table Head</th>
</tr>
<tr>
<td>Your contents goes here. </td>
<td>Your contents goes here. </td>
<td>Your contents goes here. </td>
</tr>
<tr>
<td>Your contents goes here. </td>
<td>Your contents goes here. </td>
<td>Your contents goes here. </td>
</tr>
</table>
Now have a look at the CSS part.
Table.infotable {
border:1px solid #666666;
display:table;
border-collapse:collapse;
padding:2px;
}
Table.infotable TH {
border:1px solid #666666;
background-color: #AEAE00;
color:#666666;
text-align:left;
}
Table.infotable TD {
border:1px solid #666666;
padding:2px;
text-align:left;
}
|