邮件 CSS 内联工具

在您的浏览器中本地运行

以正确的层叠将 CSS 内联到邮件 HTML,保留媒体查询并安全预览

HTML 输入

附加 CSS

可选的纯 CSS,例如粘贴到这里的外链样式表。

上限:1,000,000 个字符(HTML + CSS)。

选项

输出
格式
高级

层叠

样式块

HTML 属性

输出

粘贴邮件 HTML、上传 .html 文件或加载示例。

邮件 CSS 内联工具

将 <style> 块和可选“附加 CSS”中的样式移入 style 属性,这是 Gmail、Outlook 等邮件客户端能可靠渲染的格式。层叠按真实的特异性、源顺序和 !important 规则计算,媒体查询、@font-face 和 :hover 规则因无法内联而保留在 <style> 块中。

使用方法
  1. 1.粘贴完整的邮件文档或片段,上传 .html 文件,或加载示例。
  2. 2.如有需要,将额外 CSS(例如外链样式表)粘贴到“附加 CSS”。
  3. 3.选择输出形式和格式;打开“高级”可更改保留内容或添加的 HTML 属性。
  4. 4.查看警告,然后在 HTML 标签页或邮件预览中按桌面和移动端宽度检查。
  5. 5.复制 HTML 或下载 email-inlined.html。
限制与隐私

所有处理都使用 juice 库在浏览器中完成;不会上传任何内容,也绝不会获取外链样式表或 @import 文件。预览在无脚本的沙箱框架中运行,只有在你允许时才加载远程图片。浏览器中的显示效果不能保证 Gmail 或 Outlook 中的效果。HTML 和选项保存在此浏览器中;清除网站数据即可删除。

CodingTool 已正式上线于

Launched on StartupBaseCodingTool.dev - Free, Fast & Easy Developer Tools in One Place | Product HuntCodingTool - Featured on Startup FameFazier badgeListed on Turbo0Featured on Twelve ToolsFeatured on Findly.tools