如何在CSS中为复杂形状添加圆角

Question

如何在CSS中使复杂形状的角变为圆形？与VSCode圆角处理选定代码的方式类似。我知道如何在CSS中制作一个规则的矩形，但是如果矩形接触或相交，如何将圆角连接起来？如有必要，也可以为此使用JavaScript（只是不能使用canvas或类似的东西）。这是VSCode的工作方式示例：

我已经对此进行了研究，但只找到了矩形的解的[[lot，但是对于非凸甚至非矩形的形状一无所知。

Answer 1

如评论中指出，How to apply rounded borders to highlight/selection专门针对突出显示的文本回答了该问题。对于其他复杂形状（如字面意义上的任何其他形状），我只是不得不使用画布或SVG，尽管这并不是真正的目标。