Css 如何在画布周围添加边框？

我现在想知道如何在画布周围添加边框。因此，只需使用CSS代码即可

border:black 3px solid;

你可以在画布上看到边界。我不想在画布上画边框。我想要画布周围的边框。我想要这个和CSS

谢谢你的帮助

我的css代码：

#my_canvas {
    max-width: 98%;
    max-height: 98%;
    height: auto;
    width: auto;
    margin:auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:white;
    border:black 3px solid;
}
#center {
    max-width: 66.5%;
    max-height: 95%;
    height: auto;
    width: auto;
    margin:auto;
    background:;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
Body {
    background-color: slategrey;
}

---

可能是因为画布继承框大小：边框框

尝试应用框大小：填充框；到画布CSS

outline: black 3px solid;

大纲将在元素外画一条线。

我可以建议：

<canvas id="canvas"></canvas>
  #canvas{
border:2px solid black !important;}

---

你确定吗？我不能在Chrome上复制这个。Border肯定位于canvas元素的外部。您是否将框大小设置为边框框大小？如果您使用该选项->第n种类型1，则效果良好！！thanks@Thomas所做的只是选择他们想要的画布，仅此而已。你的代码没有它也能工作。同样正确的是，您使用的浏览器在Chrome.omg中工作，但没有它对我不起作用。。。我使用chromeI给出的css代码，我是否需要框sixing和填充框？？？@Thomas您需要添加框大小：填充框；我的画布，但这只是提供问题是由其他地方的杂散框大小属性引起的。