表边框样式

Question

以下是我现在如何设置表格的方式：

#content table {
    width: 100%;
    margin-top: 1em;
    border-collapse: collapse;
    border: 1px solid #222; 
}
#content table td {
    border: 1px solid #888;
    padding: .3em;
}

我想要实现的是拥有黑色外边框的桌子（＃222）。但是，我希望内边框颜色更浅（让我们说＃888）。我怎样才能做到这一点？

Answer 1

为什么没有表格的div容器并根据需要设置它的边框。然后只需单独设置表格边框？

标记：

<div class='outerDiv'>
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
</div>

的CSS：

.outerDiv{ border:solid 2px #222; }
.outerDiv table { border:solid 2px #888; }