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

Question

我现在想要如何在画布上添加边框 。所以只需使用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;
}

Answer 1

outline: black 3px solid;

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

Answer 2

我可以建议：

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

Answer 3

这可能是由画布继承box-sizing: border-box;

引起的

尝试将box-sizing: padding-box;应用于画布CSS。