在table中使用border-collapse时如何设置不同的border颜色？

.table1{
        border-collapse: collapse;
    }
    td{
        border:1px solid #ccc;
        height: 30px;
        padding: 0px;
    }
    .red{
        display: block;
        width: 100%;
        height: 100%;
        border:1px solid red;
    }


html


 <table width="200"  class="table1" border="1" >
  <tr>
    <td>&nbsp;</td>
    <td><span class="red"></span></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>