Таблица стиль границы

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

Почему бы не добавить контейнер для контейнера и установить его по необходимости. Затем просто установите границу таблицы отдельно?

Markup:

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

Css:

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