<table>
<tr>
<th rowspan="2"></th>
</tr>
<tr>
<td>Smart Starter</td>
<td>Smart Medium</td>
<td>Smart Business</td>
<td>Smart Duluxer</td>
</tr>
<tr>
<td>Storage Space</td>
<td>512 MB</td>
<td>1 G</td>
<td>2 G</td>
<td>4 GB</td>
</tr>
<tr>
<td>Band width</td>
<td>50 GB</td>
<td>100 GB</td>
<td>150 GB</td>
<td>Unlimited</td>
</tr>
<td>My SQL Database</td>
<td>Unlimited</td>
<td>Unlimited</td>
<td>Unlimited</td>
<td>Unlimited</td>
</tr>
<tr>
<td>Setup</td>
<td>19.90 $</td>
<td>12.90 $</td>
<td>free</td>
<td>free</td>
</tr>
<tr>
<td>PHP5</td>
<td>v</td>
<td>v</td>
<td>v</td>
<td>v</td>
</tr>
<tr>
<td>Ruby on Rail</td>
<td>v</td>
<td>v</td>
<td>v</td>
<td>v</td>
</tr>
</table>
table{
/* border-collapse: collapse; */
border-collapse: separate;
text-align : center;
font-family: sans-serif;
font-size: 16px;
font-weight: bold;
}
td{
border: 1px solid #000;
padding: 15px;
}
tr:nth-child(n+2) td{
background-color: #e0ffcd;
}
tr:nth-child(2) td{
background-color: #a7d129;
color: #fff;
}
tr:nth-child(n+3) td:first-child{
background-color: #a7d129;
color: #fff;
}
tr:nth-child(n+7){
color: #729d39;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.