Стол с черной внешней, но серой внутренней рамкой - PullRequest
6 голосов
/ 16 апреля 2010

Я хочу создать HTML-таблицу с черной рамкой 1pt и такой же границей вокруг каждого тд.

Должно выглядеть так (только границы, конечно)

enter image description here

Я использую

<table border="1" style="border-collapse:collapse; border-color:Black; border-style:solid; border-width:1pt">

В результате я получаю черные внешние, но серые внутренние границы.

1 Ответ

10 голосов
/ 16 апреля 2010

Вы можете попробовать реализовать нечто подобное в вашей таблице стилей CSS.

.mytable
{
border-collapse:collapse; 
border-color:#000000; 
border-style:solid; 
border-width:2px;
}

.mytable td
{
border-color:#cccccc; /*grey*/
border-style:solid; 
border-width:1px;
}

И что-то вроде этого HTML:

<table class="mytable">
    <tr>
        <td>Content</td>
    </tr>
</table>

Пример здесь

...