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

Question

代码如下：http://jsbin.com/qigavatewe/1/ 希望某些表格单元的border是不同的颜色。 由于使用了border-collapse，所以只会看到td的右边和下边有颜色。 如何解决？

高洛峰 · Answer

不知道是不是你想要的效果
css

.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

怪我咯 · Answer

如果要都顯示成紅色，看起來只能給左邊的 td 設定 border-right 給上邊的 td 設定 'border-bottom`，

或 border不要設定在 td~

PHP中文网 · Answer

有一個比較tricky的解決方式，如果你只是為了與其它的cell區分開來。
css:

td.mycell{
color: red;
border:2px solid red;
}
當border變寬之後就能把每條邊都著色。