HTML Table CSS在浏览器中生成的方式与在电子邮件中生成的方式不同

Question

我正在尝试直接在HTML中对HTML表进行样式化-（我知道这是一种不好的做法，我没有选择使用.css文件的选项），因为我直接在这样做在电子邮件正文中。我在使渐变背景图像正常工作时遇到麻烦。当我在JSFiddle中使用表格时，表格的渐变背景可以正常工作：

https://jsfiddle.net/wqs5vynt/

但是，表的其余格式在JSfiddle中是关闭的-<th>单元格的字体不是白色，表的内容单元格不应为灰色。而且不应有轮廓分明的边框。

但是，当通过电子邮件发送完全相同的HTML时，该表将显示如下。

除了每个<th>单元格中重复的渐变，它看起来完全像我想要的那样，我只希望该行所有单元格上的一张长渐变背景图像。那是我唯一需要解决的问题，有什么建议吗？

Answer 1

通常不要样式化。
尝试将类别放在其中的中，然后在其中添加渐变的情况下将

包裹起来。

答案 1 :(得分：1)

使用电子邮件并不是一种有趣的体验。基本上，您需要掌握有关Web标准的所有知识，并将其扔到窗外。话虽如此，CSS梯度并不是在每个电子邮件客户端中都适用。

我建议您使用图像作为表格标题/渐变。或简化设计，仅使用纯色。

编辑：如前所述，请勿将颜色应用于 tr ，仅将其应用于 th 或 td 。

相关问题

• 相同浏览器在不同计算机上显示不同
• 主页加载不同于其他每页
• 表格在Firefox中的呈现方式与Chrome或Opera不同
• firefox绝对定位的工作方式与所有浏览器不同
• 为什么width：auto的行为与height：auto不同？
• 输入文本对齐在不同的浏览器中表现不同
• HTML Table CSS在浏览器中生成的方式与在电子邮件中生成的方式不同
• 浏览器以不同的方式呈现相同的CSS文件
• 简单的电子邮件CSS与在浏览器中显示的有所不同
• 为什么PC浏览器读取HTML / CSS页面的方式与iPad不同？

最新问题

• 我写了这段代码，但我无法理解我的错误
• 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
• 是否有可能使 loadstring 不可能等于打印？卢阿
• java中的random.expovariate()
• Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
• 为什么我的 Onclick 箭头功能在 React 中不起作用？
• 在此代码中是否有使用“this”的替代方法？
• 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
• 每千个数字得到
• 更新了城市边界 KML 文件的来源？

Answer 2

使用电子邮件并不是一种有趣的体验。基本上，您需要掌握有关Web标准的所有知识，并将其扔到窗外。话虽如此，CSS梯度并不是在每个电子邮件客户端中都适用。

我建议您使用图像作为表格标题/渐变。或简化设计，仅使用纯色。

编辑：如前所述，请勿将颜色应用于 tr ，仅将其应用于 th 或 td 。