外边框为黑色但内边框为灰色的表格

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>

示例