我的CSS网页！

Question

我想使用codeigniter发送电子邮件（type = HTML）并且我很好，但css样式不适用于邮件。

    <html>
    <head>
    <style type="text/css">
    body
    {
    background-color:#b0c4de;
    }
    </style>
    </head>

    <body>

<h1>My CSS web page!</h1>
<p>Hello world! This is a W3Schools.com example.</p>

</body>
</html>

预期输出（整个电子邮件中背景颜色为＃b0c4de）：

我的CSS网页！

你好世界！这是W3Schools.com的例子。

虽然没有背景色。这是什么解决方案？

Answer 1

CSS支持在电子邮件客户端中受到限制。尽管大多数浏览器都支持CSS背景颜色，但您的样式声明可能不是。例如，如果您使用Gmail进行检查，则不会看到它，因为不支持head标记中的样式声明。

您应该考虑阅读以下页面。

http://www.campaignmonitor.com/css/

您可以在HTML电子邮件中相对安全地使用表格和bgcolor=""属性，也可以使用style="bgcolor='';" attribute

分别设置元素样式

这应该可以解决问题

<table width="100%" style="background-color:#b0c4de;" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <h1>My CSS web page!</h1>
            <p>Hello world! This is a W3Schools.com example.</p>
        </td>
    </tr>
</table>

Answer 2

看起来Ben Swinburne和他的answer解决了你的问题，但是这里有一些我觉得有用的信息。

四种解决方案：

1）Premailer.dialect.ca API会将<style>代码中的所有CSS转换为内联CSS。

效果很好。它实际上使用与campaignmonitor.com相同的引擎。

http://premailer.dialect.ca/api

让我觉得API处于测试阶段并且没有付费选项。但是，他们说如果他们停止使用API，他们会给30 days notice and release the source code。我仍然质疑他们的服务器正常运行时间的可靠性。对于商业应用程序，我使用API，但如果API不可用，我只是没有服务，因为它对我的系统并不重要。如果有人知道更好的服务（便宜），请告诉我。

2）Litmus.com

看起来Litmus API会让你做一些疯狂的酷事，如果你能付钱的话。我正在考虑将他们的转销商帐户用于商业网站。

3）Check out MailChimps Email Blueprints.

他们一直在处理比大多数人更长的电子邮件模板，这些是开始使用大多数客户端的电子邮件的好方法。 https://github.com/mailchimp/Email-Blueprints

4）另外，请确保设置此标头

这只是一个奖励提示，我只是总是忘记包含该标题然后花费数小时想知道为什么我的HTML没有被处理。

$headers = 'Content-type: text/html; charset=iso-8859-1' . "\r\n";

奖金！

查看以下服务：

山魈
邮戳
亚马逊邮件服务器
SendGrid。

我以为我不需要它们，因为PHP允许我发送电子邮件，但是一旦你使用他们的服务，你就不会回去了。他们为任何公司提供这样的关键指标。我不知道6％的电子邮件是弹跳的，1％的电子邮件是垃圾邮件。我现在使用SendGrid。邮戳＆amp; Mandrill（MailChimp创建）看起来像是自助公司的绝佳解决方案。便宜的价格和优质的服务。

使用codeigniter发送电子邮件

我的CSS网页！

2 个答案:

四种解决方案：

奖金！