Estilizando cantos arredondados no Outlook sem imagens

Criar cantos arredondados em clientes de e-mail pode ser simples usando CSS. No entanto, o método tradicional de usar a propriedade CSS border-radius não funciona no Microsoft Outlook. Essa limitação representa um desafio ao criar e-mails com elementos de cantos arredondados.

Não se preocupe, existe uma solução que permite obter cantos arredondados no Outlook sem recorrer ao uso de imagens. A chave está na utilização dos comentários condicionais do Outlook e do VML (Vector Markup Language).

Este código produz botões com cantos arredondados no Outlook 2010. Ele usa comentários condicionais do Outlook para direcionar especificamente o Outlook e aplicar o código VML. O próprio código VML define a forma retangular arredondada e seus atributos, como cor e texto.

Observe que esta solução foi testada no Outlook 2010 e nos principais navegadores, mas não no OWA, Outlook.com ou navegadores móveis . É sempre aconselhável testar seu código em várias plataformas para garantir a compatibilidade.