如何在我的情况下设置元素边框

Question

我正在尝试在另一个元素的边框上创建边框。

我有类似以下的内容

html

<table class='table'>
    <tr>
        <td>123</td> 
        <td class="pick">123</td> 
        <td>123</td> 
    </tr>
     <tr>
        <td class="second" style="text-align:center;" colspan='3'>123</td> 
    </tr>

</table>

CSS

.pick {
    border-bottom:solid 5px green;
}

.second {
    border:solid 5px red !important;    
    background-color: green;
}

http://jsfiddle.net/j8zt8sb3/1/

基本上我想为<td>创建一个具有类＆＃39;选择＆＃39;的差距外观。在每个浏览器上一切正常，但红色边框将覆盖IE中的绿色边框，这意味着没有间隙。有没有解决这个问题？非常感谢！

Answer 1

只需添加此属性：

table {
   border-collapse: collapse;
}