在電子郵件中看到沒有CSS樣式

當使用mutt.I將以下html頁面通過電子郵件發送（Yahoo/Gmail）時，我無法看到CSS樣式。我只是看到一個普通表格。但在瀏覽器中查看它時，我會得到期望的樣式。爲什麼？我錯過了什麼嗎？在電子郵件中看到沒有CSS樣式

mutt -e "set content_type=text/html" [email protected] -s "Test" < Test.html

的test.html

<!DOCTYPE html> 
<html> 
<head> 
<style> 
rd{ color: red; } 
gn{ color: green; } 
body { background-color:#E0E0E0; font-family: helvetica;font-size: 15px;} 
</style> 
</head> 
<body> 
<table border="1" align ="left"> 
<tr><th>No.</th><th>Item</th></tr> 
<tr><td>1</td><td><gn>abc</gn></td></tr> 
<tr><td>2</td><td><rd>ghi</rd></td></tr> 
</table> 
</body> 
</html>

來源

2013-11-15 Jean

什麼是「rd」和「gn」？ – Sachin

嘗試添加內聯樣式 - 大多數電子郵件客戶端會去掉樣式標籤。 – brouxhaha

您的HTML無效，您需要關閉最後一個''，'gn'不是HTML標記。 – putvande

HTML的電子郵件是非常有限的地步，如預期，甚至DIV和P標籤不總是起作用。試圖創建自己的標籤只是要求麻煩。

您的兩個表格單元格應該是這樣的，而不是：

<tr><td>1</td><td style="font-family: Helvetica, Arial, sans-serif; font-size: 15px; color:#007700;">abc</td></tr> 
<tr><td>2</td><td style="font-family: Helvetica, Arial, sans-serif; font-size: 15px; color:#770000;">ghi</td></tr>

除了總是內聯你的CSS，你需要用最大的電子郵件客戶端支持的6位十六進制顏色。您還必須在每個表格單元格中重新聲明您的字體樣式。冗餘的，不幸的是，這是HTML電子郵件所需要的。

不要忘記字體堆棧，因爲您目前假設讀者已安裝Helvetica。

來源

2013-11-15 19:19:36 John

嗯..這是一個有很多列和行的表的很多冗餘代碼。我想我沒有選擇。 – Jean

包括HTML電子郵件中的CSS的方法是使用內聯樣式。

<!DOCTYPE html> 
    <html> 
    <body style='background-color:#E0E0E0; font-family: helvetica;font-size: 15px;'> 
     <table border="1" align="left" style="color:red;"> 
      <tr><th>No.</th><th>Item</th></tr> 
      <tr><td>1</td><td><gn>abc</gn></td></tr> 
     </table> 
    </body> 
    </html>

編號：http://www.htmlgoodies.com/beyond/css/article.php/3679231

來源

2013-11-15 18:27:44

@Jean但是你明白了，使用內聯樣式。 – Leng

你可能需要看看這個教程Getting Started with HTML Emails tutsplus這是一個老的教程，但真的很有幫助。

祝你好運。

來源

2013-11-15 19:29:20 Mahmoud

在電子郵件中看到沒有CSS樣式

回答

相關問題