如何在這些圖表周圍獲得白色矩形？

-8

需要在這些圖表周圍的矩形邊框塊，使它們看起來像這些矩形中包含的儀表板和圖表中的元素。如何在這些圖表周圍獲得白色矩形？

全部在蝕。的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; 
}

來源

2017-08-03 Joy

我們不能在您的標記猜測。請提供，並顯示你已經嘗試 – Jonathan

歡迎來到SO。請[參觀]（https://stackoverflow.com/tour）瞭解您可以在此處詢問哪些類型的問題。例如，這個問題缺少代碼，並且描述了迄今爲止您嘗試的內容。你有什麼嘗試？ – sean

@Joy，請進一步澄清您的問題，請編輯並放置一些代碼，預期結果以及您所得到的結果。 – ranieribt

沒有看到您的標記，我會作出一些假設，並採取在黑暗中刺。你有沒有試圖用帶有邊框的<div>嵌套你的圖表？

HTML

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

CSS

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

來源

2017-08-03 20:21:05

如何在這些圖表周圍獲得白色矩形？

回答

相關問題