电子邮件模板中的反向边界半径

Question

我正在编写交易电子邮件模板，它的目的是使标头的底边边框半径倒置（请参见下图）。

最初，我尝试使用可以正常运行的背景图像进行以下操作：（1）当然，用户允许下载图像；（2）最重要的是，在桌面上查看电子邮件是因为摆弄响应能力（波纹管600像素宽）会使事情变得非常混乱。

考虑到电子邮件客户端的支持水平，我尝试使用图像来避免使用复杂的CSS代码。但是，我认为这可能是避免响应性问题的更好选择。

我已经看到了实现此曲线的不同方法。例如，将绝对元素过度放置在div的底部，并隐藏上溢，并在那里调整边界半径值。但是，不确定是否值得付出努力。

考虑到电子邮件的局限性，您能否帮助我找到解决此问题的最佳方法。

PS。如果客户端无法适当地渲染边界半径，我可以将非弯曲的底部边界作为后备。