如何爲Outlook 2007電子郵件模板創建CSS按鈕？

我正在嘗試爲電子郵件模板創建一個藍色按鈕。該電子郵件客戶端Outlook 2007中我瞭解到，它不支持CSS3，所以我寫了這個CSS的按鈕：如何爲Outlook 2007電子郵件模板創建CSS按鈕？

HTML：

<html> 
    <a id="button" style: "text-decoration: none;" href=""> 
     <span style="color: white;">Button</span> 
    </a> 
<html>

CSS：

#button { 
    background-color: #4686E8; 
    border-radius: 10px; 
    display: block; 
    width: 142px; 
    height: 36px; 
    border-top: 2px #4686E8 solid; 
    border-bottom: 2px #4686E8 solid; 
    border-left: 2px #4686E8 solid; 
    border-right: 2px #4686E8 solid; 
    cursor: pointer; 
    padding: 14px; 
}

某些屬性，例如border-radius和width/height在電子郵件模板中不起作用。它只是顯示一個藍色框，上面有文字「按鈕」。如何在Outlook 2007模板中創建形狀按鈕？

來源

2017-10-16 Riz

您可以將樣式設置爲**內聯** – Vishnu

Outlook - especially the new MSWord based windows versions - 往往有可怕的HTML/CSS支持。這是因爲在Outlook 2003之後，微軟決定停止使用IE作爲其Outlook的渲染引擎，而是使用Word HTML--這不是真正的HTML。

因此，對於Outlook，您不僅可以處理通常與電子郵件相關的HTML限制，還可以處理Word HTML和XML的詭異。

您的某些樣式（例如border-radius）在Outlook（campaign monitor has a great 'does it work' reference for HTML email CSS）中不受支持。

如果你非常需要邊界半徑等。你可以使用XML和補充MSO條件 - 但要小心，這不僅會膨脹代碼，還會引起一些不尋常的行爲，特別是在回覆/轉發中。

從這個代碼開始的好地方是從buttons.cm，雖然不完美，可以給你一個很好的起點。

來源

2017-10-16 12:36:57 Gortonington

如何爲Outlook 2007電子郵件模板創建CSS按鈕？

回答

相關問題