HTML电子邮件不'；t工作：/

我的HTML时事通讯有问题。 当您将代码作为Internet网站运行时，一切都已清除。 但是当我在Outlook上导入它时，所有的CSS都不起作用。 这正常吗？谢谢

HTML和CSS这里

身体{
最大宽度：600px；
背景色：rgb（67153186）；
}
h1{
颜色：rgb（2141960）；
}
氢{
字体大小：粗体；
}
* {
字体系列：“Univers LT 45”，无衬线；
}
p{
背景色：rgba（255、255、255、0.2）
}
#普罗纳通讯{
弯曲方向：立柱；
rgb（67153186）；
}
#新闻{}
#黄色的{
背景色：rgb（2141960）；
宽度：100%；
页边距底部：自动；
溢出：隐藏；
}
#耶洛尔{
浮动：左；
宽度：50%；
}
#黄色的{
位置：相对位置；
浮动：对；
宽度：50%；
}
#h1v2{
颜色：rgb（67153186）；
背景色：rgb（2141960）；
}
#人员{
弯曲方向：立柱；
}
#qsum{
背景色：rgb（2141960）；
溢出：隐藏；
}
#潜水员{
溢出：隐藏；
}

新闻

临时代办办公室
奥弗顿


项目


副食品
传播


索尔斯


德切茨


EIE


体格和听觉


项目
传播


个人/人事
Neueinstellungen/Nouveaux项目

奥斯特里特/Départs

朱比勒姆/朱比勒埃

Geburtstage/周年纪念

QSUM/MQSE


潜水员

您提供的代码可以作为一个网站使用（如您所说），但不幸的是，在大多数电子邮件客户端（不仅仅是Outlook）中都会崩溃。电子邮件需要使用

s进行布局，而不是

s

Flexbox

在电子邮件中也不起作用

电子邮件代码更像这样：

<table cellpadding="0" cellspacing="0" border="0" align="center">
  <tr>
    <td valign="top" style="vertical-align: top;background: #aaaaaa;">
      <span style="color: #333333;">text</span>
    </td>
  </tr>
</table>
<table cellpadding="0" cellspacing="0" border="0" align="center">
  <tr>
    <td valign="top" style="vertical-align: top;">
      <img src="full path to image" alt="alt text" width="50" height="50">
    </td>
  </tr>
</table>

文本

---

如果您在使用时用

s替换

s来重建电子邮件，这将解决您在Outlook和其他任何地方的显示问题。

Outlook不支持外部css您应该在内部编写所有css阅读此欢迎来到HTML电子邮件世界。真糟糕。没有JavaScript、嵌套表而不是div和CSS定位，一些客户端不支持一些元素上的基本内容，如

margin

，等等。