JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr class="green">
<td>hello1</td>
<td>hello2</td>
<td>hello3</td>
</tr>
<tr class="orange">
<td>hello1</td>
<td>hello2</td>
<td>hello3</td>
</tr>
<tr class="red">
<td>hello1</td>
<td>hello2</td>
<td>hello3</td>
</tr>
</table>

CSS

tr {
    height: 30px;
    /*position:relative;*/
}
tr.green {
  background: url('http://img717.imageshack.us/img717/7747/greenh.png') no-repeat left top;
}
tr.orange {
    background: url('http://img266.imageshack.us/img266/6905/orangeh.png') no-repeat left top;
}
tr.red {
    background: url('http://img709.imageshack.us/img709/6843/redkq.png') no-repeat left top;
}
td {
    /*background-image:none;*/
    border: 1px solid black;
}