郵件要求兼容 outlook 等郵箱軟件，發現很多樣式都不生效。找到的模板如下：

尊敬的開發者： 　　　　　　　　　　　　　　　　　　　　　　　　　“xxx”在此次的‘網絡友好度測試’評級：4顆星(最高5顆星)。

注意點

不支持頭部style、外鏈的linkCSS樣式和JS腳本。所以數據需要使用服務器渲染。

只能寫行內樣式。且屬性值不能用縮寫。(margin, padding, font, background)

例如:margin: 10px;需要拆分margin-top: 10px;margin-right: 10px;margin-bottom: 10px;margin-left: 10px;

CSS3 屬性不支持

如果需要有間距，在td上加入padding,是我發現的最佳體驗。

小圖標需要和文字有間距，文字加入一個HTML實體?即可。

建議每個有文字內容的標簽都加上font-family: '字體名稱'，我用的是‘微軟雅黑’。

*在使用模板時，優先適配客戶所使用的郵件軟件。但并不是說主流瀏覽器的樣式就不做考慮了。郵件軟件不支持頁面的style標簽，但瀏覽器可以支持，因此你的模板可以在兼容軟件郵件的情況下，在style內添加兼容瀏覽器的樣式。

建議模板定寬，使瀏覽器和軟件內郵件展現效果一致。

我們可能會 遇到多余字符使用 省略號 的情況。CSS 的表現效果會被軟件屏蔽。軟件內也會屏蔽JS腳本，可以讓后端進行字符串截取，然后加上‘...’ 的方式實現需求。

關于郵件模板的測試方法。可以自己下載郵件軟件(例如: outlook)進行效果查看。下面以QQ郵箱為例：

在QQ郵箱中發送測試郵件，進入寫信頁面，點擊格式后，再點擊代碼按鈕。如下圖:

然后直接貼入HTML代碼

填寫自己的郵件軟件的接收地址即可。

總結

以上是生活随笔為你收集整理的邮件格式转换html,HTML邮件模板 - lenglingx的个人页面 - OSCHINA - 中文开源技术交流社区...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。