이미지 없이 Outlook에서 둥근 모서리 스타일 지정

CSS를 사용하면 이메일 클라이언트에서 둥근 모서리를 쉽게 만들 수 있습니다. 그러나 CSS border-radius 속성을 사용하는 기존 방법은 Microsoft Outlook에서 작동하지 않습니다. 이러한 제한은 둥근 모서리 요소로 이메일을 디자인할 때 문제를 야기합니다.

걱정하지 마세요. 이미지를 사용하지 않고도 Outlook에서 둥근 모서리를 만들 수 있는 솔루션이 있습니다. 핵심은 Outlook의 조건부 주석과 VML(Vector Markup Language)을 활용하는 데 있습니다.

이 코드는 Outlook 2010에서 모서리가 둥근 버튼을 생성합니다. Outlook의 조건부 주석을 사용하여 Outlook을 구체적으로 대상으로 지정하고 VML 코드를 적용합니다. VML 코드 자체는 둥근 직사각형 모양과 해당 속성(예: 색상, 텍스트)을 정의합니다.

이 솔루션은 Outlook 2010 및 주요 브라우저에서 테스트되었지만 OWA, Outlook.com 또는 모바일 브라우저에서는 테스트되지 않았습니다. . 호환성을 보장하기 위해 항상 다양한 플랫폼에서 코드를 테스트하는 것이 좋습니다.