Стиль рамки стола

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