表邊框樣式

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