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

【问题标题】：How can I get white rectangles around these charts?如何在这些图表周围获得白色矩形？
【发布时间】：2018-01-11 14:42:53
【问题描述】：

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

一切都在日食中。 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;
}

【问题讨论】：

我们无法猜测您的标记。请提供并展示您的尝试
欢迎来到 SO。请通过the tour 了解您可以在这里提出哪些问题。例如，这个问题缺少代码和您迄今为止尝试过的内容的描述。你试过什么？
@Joy，为了进一步澄清您的问题，请编辑并输入一些代码、预期结果和您得到的结果。
对不起，这里是来自 eclipse 的代码。

标签： javascript html css twitter-bootstrap

【解决方案1】：

在没有看到您的标记的情况下，我会做出一些假设并在黑暗中试一试。您是否尝试过将图表嵌套在带边框的 <div> 中？

HTML

<div class="border-block">  </div>

CSS

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

【讨论】：