我有两个容器，我想用一个负四舍五入的div链接它们:jsfiddle

HTML:

<div class="div"></div>
  
  <div class="d-flex">
  <div class="p1"></div>
  <div class="p2"></div>
  </div>
    
<div class="div"></div>

CSS:

<div class="div"></div>
  
  <div class="d-flex">
  <div class="p1"></div>
  <div class="p2"></div>
  </div>
    
<div class="div"></div>

预览:

我想知道是否可以扩展边界以获得类似的东西

顺晟科技：

CSS技巧before&after pseudo可能会有帮助！