Bagaimana untuk Mencipta Sudut Bulat dalam E-mel Outlook Tanpa Menggunakan Imej?

Mencipta Sudut Bulat dalam Outlook Tanpa Imej

Anda boleh melaksanakan sudut bulat dalam banyak klien e-mel menggunakan jejari sempadan sifat CSS. Walau bagaimanapun, Outlook tidak menyokong hartanah ini secara asli. Walaupun terdapat kaedah alternatif yang melibatkan imej, kaedah tersebut boleh mengehadkan. Adakah terdapat teknik untuk mencapai sudut bulat tanpa menggunakan imej dalam Outlook?

Outlook 2010 menyediakan penyelesaian menggunakan ulasan bersyarat dan VML (Vector Markup Language). Kod ini boleh menghasilkan butang dengan bucu bulat:

<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>

Kaedah ini disokong dalam Outlook 2010 dan pelayar utama. Ia tidak berfungsi dalam OWA, Outlook.com atau penyemak imbas mudah alih.

Atas ialah kandungan terperinci Bagaimana untuk Mencipta Sudut Bulat dalam E-mel Outlook Tanpa Menggunakan Imej?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!