如何使Bootstrap面板边界切割一些edege

Question

我想切割边界线的一些边缘部分。像this图像。在红色框中。

基本上我想让边缘应该被擦除的线形成。

Answer 1

至于我能理解你的问题是不是一个好主意，但尽管如此，我已经做了相同的解决方案..

.container {width: 300px; height: 200px; box-sizing: border-box; position: relative;} 
 
.border-maker {position: absolute; top: 0px; left: 0px; border: solid 5px #000; height: 100%; width: 100%; box-sizing: border-box;} 
 
.border-eraser {position: absolute; bottom: 0px; left: 50%; height: 5px; width: 40%; background: #fff; transform: translateX(-50%);}

<div class="container"> 
 
    \t <div class="border-maker"></div> 
 
    \t <div class="border-eraser"></div> 
 
</div>

的例子已在图像显示为我不清楚解决方案，所以如果你想清除问题，我会改善我的答案....！