CSS 伪元素生成器

设置目标选择器、使用 ::before 或 ::after，再填写内容、宽高、背景色与圆角，工具会生成一段可粘贴的伪元素样式代码。伪元素常用于添加装饰、图标或清除浮动等。全部在浏览器本地完成。

伪元素设置等待输入

目标选择器

伪元素

内容 content

宽度(px)

高度(px)

圆角(px)

背景色

伪元素默认需设置 content 才会显示。

生成结果

目标—

伪元素—

设置参数后点击生成，CSS 代码将显示在这里。

生成的代码可直接粘贴使用；结果仅供参考。

使用说明

伪元素以双冒号 :: 书写，如 ::before。
必须设置 content 属性，即使为空字符串 ""。
伪元素默认是行内元素，常设为 inline-block 以设置宽高。
::before 插在内容前，::after 插在内容后。
伪元素不占用 DOM 结构，适合装饰性内容。