Html 双边框CSS表格

我使用上面的代码创建了一个表，周围有一个1像素的黑色边框，效果很好，但我正在尝试使它下面有另一个1像素的红色边框，例如：

我尝试了

border:1px double#000000#FF0000但它似乎不起作用

我怎样才能达到这样的风格呢？
将表格包装成一个div，并将黑色边框放在那里


div.table{
边框：1px实心#000；
显示：内联块；
填充：1px；/*边框之间的间距*/
}
分区表{
边框：1px实心#F00；
}

12
如果需要“双”边框，请尝试将其宽度设置为3px（每行1px，每行之间1px）

您的css应该如下所示：

table {
    border: 1px solid #000000;
    border-collapse: collapse;
}

在这里拉小提琴：

编辑：如果需要不同颜色的边框，请尝试将表格添加到容器中。在这里摆弄：
您可以使用
框影
和
边框


表格{
边框：10px纯红；
盒影：0 10px黑色；
}

123
456
789
你可以试试这个！
表格{
边框：1px纯红；
边界塌陷：塌陷；
轮廓：1px纯蓝色；
}

a1
a2
b1
b2
c1
c2
检查并
table {
    border: 3px double #000000;
    border-collapse: collapse;
}