Html 表的外边框为黑色，内边框为灰色

我想创建一个html表，它有一个1pt的黑色外边框，每个td周围都有相同的边框

应该是这样的（当然只有边界）

我用

---

因此，我得到了黑色的外部边框，但内部边框是灰色的。

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

内容

---

您正在测试什么浏览器？您的代码在Chrome上生成黑色（或任何指定的）内边框。啊，谢谢，非常有趣！我使用Internet Explorer。css选择器应该是table.mytable-没有空格-或者只是.mytable。就像现在你的目标是一个表中的.mytable类一样。太好了！我原以为不用跟td说就行了，但事实似乎并非如此。

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