이미지를 사용하지 않고 Outlook 이메일에 둥근 모서리를 만드는 방법은 무엇입니까?

Barbara Streisand
풀어 주다: 2024-10-29 18:33:03
원래의
748명이 탐색했습니다.

How to Create Rounded Corners in Outlook Emails Without Using Images?

이미지 없이 Outlook에서 둥근 모서리 만들기

CSS 속성 border-radius를 사용하여 수많은 이메일 클라이언트에서 둥근 모서리를 구현할 수 있습니다. 그러나 Outlook은 기본적으로 이 속성을 지원하지 않습니다. 이미지와 관련된 대체 방법이 있지만 제한적일 수 있습니다. Outlook에서 이미지를 사용하지 않고 모서리를 둥글게 만드는 기술이 있습니까?

Outlook 2010에서는 조건부 주석과 VML(Vector Markup Language)을 사용하여 솔루션을 제공합니다. 이 코드는 모서리가 둥근 버튼을 생성할 수 있습니다.

<code class="html"><div>
    <!--[if mso]>
    <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.EXAMPLE.com/" style="height:40px;v-text-anchor:middle;width:300px;" arcsize="10%" stroke="f" fillcolor="#d62828">
        <w:anchorlock/>
        <center style="color:#ffffff;font-family:sans-serif;font-size:16px;font-weight:bold;">
            Button Text Here!
        </center>
    </v:roundrect>
    <![endif]-->
    <!--[if !mso]><!-->
    <table cellspacing="0" cellpadding="0">
        <tr>
            <td align="center" width="300" height="40" bgcolor="#d62828" style="-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; display: block;">
                <a href="http://www.EXAMPLE.com/" style="color: #ffffff; font-size:16px; font-weight: bold; font-family:sans-serif; text-decoration: none; line-height:40px; width:100%; display:inline-block">
                    Button Text Here!
                </a>
            </td>
        </tr>
    </table>
    <!--<![endif]-->
</div></code>
로그인 후 복사

이 방법은 Outlook 2010 및 주요 브라우저에서 지원됩니다. OWA, Outlook.com, 모바일 브라우저에서는 작동하지 않습니다.

위 내용은 이미지를 사용하지 않고 Outlook 이메일에 둥근 모서리를 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!