<table>
<tr>
<td ><div id="div1">ABC</div></td>
</tr>
<tr>
<td><div id="div2">ABC</div></td>
</tr>
<tr>
<td><div id="div3">ABC</div></td>
</tr>
<tr>
<td><div id="div4">ABC</div></td>
</tr>
</table>
body > table {
background:#FFCC66;
}
body > table > tbody > tr > td > div {
width:50px;
margin:20px;
}
#div1{background:#ff0000;}
#div2{background:#FF6600;}
#div3{background:#FFFF00;}
#div4{background:#00CC00;}
#div5{background:#0033FF;}
#div6{background:#003399;}
#div7{background:#9933FF;}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.