表边框样式

时间:2010-06-25 06:33:45

标签: html css css-tables

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

#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)。我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:2)

为什么没有表格的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; }