表有黑色外部，但灰色内边框

Question

我想创建一个带有1pt黑色外边框和每个td周围相同边框的html表。

应该看起来像这样（当然只有边框）

我用

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

因此，我得到一个黑色的外部，但灰色的内部边界。

Answer 1

您可以尝试在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>

Example here