<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;}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.