Как сделать границы между всеми ячейками, первые три столбца - красные, другие три - зеленые, не прописывая стили для каждой ячейки?
Есть такой код:

Код:
<table style="border-collapse: collapse; border: 0px none" cellpadding="3">
<colgroup style="border: 3px solid red" span="3"></colgroup>
<colgroup style="border: 3px solid green" span="3"></colgroup>
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
</tr>
<tr>
<td>31</td>
<td>32</td>
<td>33</td>
<td>34</td>
<td>35</td>
<td>36</td>
</tr>
</table>
но работает не так, как хотелось бы.