🎯 CSS 内联

将 CSS 样式内联到 HTML 元素中

关于此工具

免费在线 CSS 内联工具，将 CSS 规则自动注入到 HTML 元素 style 属性，便于邮件模板与富文本兼容，浏览器本地处理。

所有处理均在浏览器本地完成，文件不会上传到任何服务器。

如何使用

  1. 输入 HTML

    粘贴 HTML 代码。

  2. 输入 CSS

    粘贴 CSS 规则（选择器{样式}）。

  3. 内联复制

    点击内联，复制内联后的 HTML。

使用场景

邮件模板

邮件客户端兼容内联样式

富文本导出

样式随内容携带

页面快照

样式固化进 HTML

常见问题

支持哪些选择器？

支持标签、.class、#id 及后代组合。

会重复注入吗？

同一元素多次匹配会追加样式。

伪类支持吗？

不支持 :hover 等伪类。