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

Menggayakan Sudut Bulat dalam Outlook Tanpa Imej

Mencipta sudut bulat dalam klien e-mel boleh dilakukan dengan mudah menggunakan CSS. Walau bagaimanapun, kaedah tradisional menggunakan sifat jejari sempadan CSS tidak berfungsi dalam Microsoft Outlook. Had ini memberikan cabaran apabila mereka bentuk e-mel dengan elemen sudut bulat.

Jangan takut, terdapat penyelesaian yang membolehkan anda mencapai sudut bulat dalam Outlook tanpa perlu menggunakan imej. Kuncinya terletak pada penggunaan ulasan bersyarat Outlook dan VML (Vector Markup Language).

<!--[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]> -->
<!--<![endif]-->

Kod ini menghasilkan butang dengan bucu bulat dalam Outlook 2010. Ia menggunakan ulasan bersyarat Outlook untuk menyasarkan Outlook secara khusus dan menggunakan kod VML . Kod VML sendiri mentakrifkan bentuk segi empat tepat bulat dan atributnya, seperti warna dan teks.

Perhatikan bahawa penyelesaian ini telah diuji dalam Outlook 2010 dan penyemak imbas utama tetapi tidak dalam OWA, Outlook.com atau penyemak imbas mudah alih . Adalah dinasihatkan untuk menguji kod anda pada pelbagai platform untuk memastikan keserasian.

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