Стилизация закругленных углов в Outlook без изображений

Создать закругленные углы в почтовых клиентах можно легко с помощью CSS. Однако традиционный метод использования свойства CSS border-radius не работает в Microsoft Outlook. Это ограничение представляет собой проблему при разработке электронных писем с элементами с закругленными углами.

Не бойтесь, существует решение, которое позволяет добиться закругленных углов в Outlook, не прибегая к использованию изображений. Ключ заключается в использовании условных комментариев Outlook и VML (языка векторной разметки).

Этот код создает кнопки с закругленными углами в Outlook 2010. Он использует условные комментарии Outlook, чтобы специально настроить Outlook и применить код VML. Сам код VML определяет закругленную прямоугольную форму и ее атрибуты, такие как цвет и текст.

Обратите внимание, что это решение было протестировано в Outlook 2010 и основных браузерах, но не в OWA, Outlook.com или мобильных браузерах. . Всегда желательно тестировать свой код на различных платформах, чтобы гарантировать совместимость.