如何让Bootstrap面板边框切掉一些边

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">
  <div class="border-maker"></div>
  <div class="border-eraser"></div>
 </div>

你在图片中显示的例子我不太清楚，所以如果你想解决问题，我会改进我的答案....！

如何让Bootstrap面板边框切掉一些边

How to make Bootstrap panel border cut some edege

panel

twitter-bootstrap