Diseñar esquinas redondeadas en Outlook sin imágenes

Crear esquinas redondeadas en clientes de correo electrónico puede ser sencillo usando CSS. Sin embargo, el método tradicional de utilizar la propiedad CSS border-radius no funciona en Microsoft Outlook. Esta limitación presenta un desafío al diseñar correos electrónicos con elementos de esquinas redondeadas.

No temas, existe una solución que te permite lograr esquinas redondeadas en Outlook sin recurrir al uso de imágenes. La clave está en utilizar los comentarios condicionales de Outlook y VML (lenguaje de marcado vectorial).

Este código produce botones con esquinas redondeadas en Outlook 2010. Utiliza los comentarios condicionales de Outlook para apuntar específicamente a Outlook y aplicar el código VML. El código VML en sí define la forma rectangular redondeada y sus atributos, como el color y el texto.

Tenga en cuenta que esta solución se ha probado en Outlook 2010 y los principales navegadores, pero no en OWA, Outlook.com ni en los navegadores móviles. . Siempre es recomendable probar su código en varias plataformas para garantizar la compatibilidad.