在没有图像的 Outlook 中设置圆角样式

使用 CSS 在电子邮件客户端中创建圆角可以非常简单。但是，使用 CSS border-radius 属性的传统方法在 Microsoft Outlook 中不起作用。在设计具有圆角元素的电子邮件时，此限制提出了挑战。

不用担心，有一种解决方案可以让您在 Outlook 中实现圆角，而无需使用图像。关键在于利用Outlook的条件注释和VML（矢量标记语言）。

此代码在 Outlook 2010 中生成带圆角的按钮。它使用 Outlook 的条件注释专门针对 Outlook 并应用 VML 代码。 VML 代码本身定义圆角矩形形状及其属性，例如颜色和文本。

请注意，此解决方案已在 Outlook 2010 和主要浏览器中进行了测试，但未在 OWA、Outlook.com 或移动浏览器中进行了测试。始终建议跨不同平台测试您的代码以确保兼容性。