在沒有映像的Outlook 中建立圓角
您可以使用CSS 屬性border-radius 在許多電子郵件用戶端中實作圓角。但是，Outlook 本身並不支援此屬性。雖然存在涉及圖像的替代方法，但它們可能具有限制性。 Outlook 中是否有一種不使用影像即可實現圓角的技術？
Outlook 2010 提供了使用條件註解和 VML（向量標記語言）的解決方案。此程式碼可以產生圓角按鈕：
<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中文網其他相關文章！
