表边框样式

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; }