Wie man Bootstrap-Panel-Grenze schneiden einige Edege

Question

Ich möchte einen Rand Teil der Grenze Linie schneiden. Wie this Bild. In roter Box.

Grundsätzlich möchte ich die Zeile, wo die Kanten gelöscht werden sollen gebildet werden.

Answer 1

Wie ich verstehe Ihre Frage könnte es ist keine gute Idee, aber trotzdem habe ich eine Lösung für das gleiche gemacht ..

.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>

Das Beispiel, das Sie in Bild gezeigt haben, war nicht klar für mich, um eine Lösung zu machen, also, wenn Sie das Problem klären möchten, werde ich meine Antwort verbessern ....!