如何在这些图表周围获得白色矩形？

Question

在这些图表周围需要一个矩形边框，使它们看起来像仪表板中的元素和包含在这些矩形中的图表。

所有的日食。 HTML代码：

<div class="col-md-12">
    <h3> Students with Activity in Course (Bar Chart)</h3>
        <div class="bor">
      <canvas id="scooby" width="400" height="100"></canvas>    
</div>
    <h3> Students with Activity in Course (Line Chart) </h3>
    <div>
        <canvas id="freddy" width="400" height="100"></canvas>
    </div>
    <h3> Students with Activity in Course</h3>  
    <div>
        <canvas id="velma" width="400" height="100"></canvas>
    </div>
</div>

CSS：

.bor {
    width: 300px;
    height: 100px;
    padding: 50px;
    border: 1px solid red;
}

Answer 1

如果没有看到你的标记，我会做出一些假设并在黑暗中进行刺杀。您是否尝试将图表嵌套在带边框的<div>中？

<强> HTML

<div class="border-block"> <!-- your chart here --> </div>

<强> CSS

.border-block { border: 3px solid #000; padding: 5px; }