Html 在相邻元素周围构造边界

有可能在高度不同的相邻html元素周围有一个连续的边框吗

---

我尝试过按边框宽度重叠元素，并将第二个元素的左边框设置为白色，但这会在拐角处创建一个黑白斜面（）。我希望获得与那把小提琴相同的外观，但不需要斜切。

将div1样式更改为此

border-left-width:0px;    
margin-left: -10px;  
background-color:White; 

---

将div1样式更改为

border-left-width:0px;    
margin-left: -10px;  
background-color:White; 

---

我想你的意思是：左边框宽度：0px；左边距：-10px；背景色：白色；谢谢出于某种原因，小提琴之前只为我排列了-14px。这相当接近，但也需要

左填充：10px

将

div

内容保持在同一位置。谢谢我想你的意思是：左边框宽度：0px；左边距：-10px；背景色：白色；谢谢出于某种原因，小提琴之前只为我排列了-14px。这相当接近，但也需要

左填充：10px

将

div

内容保持在同一位置。谢谢