CSS 文字装饰在线编辑器 - 下划线/删除线/波浪线样式定制
调整 text-decoration-line、style、color、thickness 等属性,实时预览文字装饰效果并生成代码。
UD5工具箱
使用 Unicode 组合字符生成删除线效果,适用于 YouTube 评论、社交媒体、纯文本等不支持富文本格式的场景。
Unicode 删除线是利用 Unicode 组合字符(Combining Characters)来实现的文本效果。核心原理是在每个普通字符后面添加一个特殊的组合字符——U+0336(长覆盖线)或U+0335(短覆盖线),这些组合字符会与前面的字符合并渲染,在视觉上产生一条横穿字符的删除线。
与富文本编辑器(如 Word、Google Docs)中的删除线不同,Unicode 删除线是纯文本级别的格式化,不需要任何特殊格式支持。这意味着它可以在任何接受 Unicode 文本的地方使用——YouTube 评论、Twitter 帖子、纯文本邮件、代码注释、终端输出等。
在 YouTube 评论中使用删除线非常简单:
小技巧:YouTube 的双删除线效果尤其受欢迎,许多 YouTuber 使用它来发表幽默评论或强调已修改的内容,这种风格已成为 YouTube 评论文化的标志性元素之一。
Unicode 删除线的显示效果取决于字体渲染引擎和操作系统的支持程度:
如果遇到显示问题,可以尝试更换双删除线样式——双重叠加的组合字符在某些渲染器上更容易触发正确的删除线显示。另外,在目标平台实际测试效果永远是最可靠的方法。
单删除线(U+0336 ×1):在每个字符后添加一个长覆盖线组合字符。在大多数平台上显示为一条细线穿过文字。
双删除线(U+0336 ×2):在每个字符后添加两个长覆盖线组合字符。由于两层叠加,删除线看起来更粗、更明显,在某些平台上甚至呈现为真正的双线效果。
双删除线在 YouTube 评论区特别流行,因为它在视频标题下方的小字体评论中依然保持较高的可见度。如果你想让删除线效果更加突出,双删除线是最佳选择。
如果你收到了带有删除线的文本,想要还原为普通文本,有两种方法:
\u0336、\u0335、\u0337、\u0338 等组合字符并替换为空字符串。本工具的「复制并清理」功能会自动移除所有常见的删除线组合字符(U+0335~U+0338),一键还原干净文本。
会影响字符计数。每个删除线组合字符(U+0336 等)都是独立的 Unicode 字符,会计入总字符数。例如:
会影响搜索。在大多数平台上,搜索"ABC"不会匹配到"A̶B̶C̶",因为组合字符改变了字符串的实际内容。这是需要注意的一点——删除线文本在搜索引擎和平台搜索中可能无法被正常检索到。
对于 Twitter/X 等有字符限制的平台,使用删除线会使实际字符数翻倍,可能需要精简原文。
除了删除线,Unicode 还支持许多有趣的文本效果,它们都基于组合字符机制:
这些效果可以与删除线叠加使用,创造出更加丰富的文本样式。不过需要注意,叠加越多组合字符,兼容性可能越差,建议在目标平台上测试后再正式使用。
调整 text-decoration-line、style、color、thickness 等属性,实时预览文字装饰效果并生成代码。
从眉毛、眼睛、嘴巴等部件中拖拽组合,生成独一无二的日式颜文字表情,一键复制。
将带有变音符号的字母(如é, ñ)转换为对应无符号的英文字符。
输入文字描述或符号(如K, P),生成编织花样预览图,方便织女试读图解。
粘贴剪贴板中的数字,立刻生成对应的一维条形码图片。
浏览Emoji的Unicode属性:码点、版本、肤色支持、是否推荐等详细信息。
用密集的交叉线条重绘图片,光影由线条的粗细和密度决定,模拟版画排线风格。
选择标题和正文的网络字体或系统字体,即时预览搭配效果。
在页面上叠加可调节的基线网格,可视化检查文字是否对齐基线,实现精确排版。
对简单混淆的JS进行格式化,并尝试将短变量名替换为更具描述性的名称,提高可读性。
上传正面照,简单亮度阈值提取剪影,可下载PNG。
设置字母与Emoji对应表,将文本转为Emoji序列发给朋友解码。
常用HTML实体编码(如© ©)的图形化速查表,点击即可复制实体名称或数字代码。
通过拖拽贝塞尔曲线调整图片的亮度和颜色映射,实现高级调色效果。
配置字体、颜色、背景,生成可粘贴到浏览器控制台的%c格式化日志代码。
粘贴代码自动进行语法高亮显示,支持主流编程语言,生成带行号的HTML代码块,方便嵌入博客。
创建一个自定义元素,展示 constructor、connectedCallback、attributeChangedCallback 等钩子的触发时机。
上传照片,通过边缘检测和纹理叠加转换为逼真的铅笔素描风格图片,可调节线条密度。
提供一组单词与提示,自动生成纵横交错的最优填字布局,导出为图片或HTML。
输入常见的报错片段,基于静态库返回常见的解释和可能的修复方案。
选择条纹、网格、波点等预设图案,调节颜色和尺寸,生成纯CSS background代码。
监听粘贴或读取剪贴板文本,立刻生成二维码,方便快速分享当前复制内容。
配置下划线从中间或一侧滑出的动画,生成无限菜单效果代码。
生成二维码的同时设置渐变色彩、圆角方块、添加中心Logo,并调节容错。
输入矩形布片尺寸,尝试在限定幅宽的布料上手动排列,优化利用率。
在时间轴上拖拽一个元素的位置和样式,自动录制并生成对应的CSS @keyframes动画代码。
选择基数大小与比例(如黄金比例),预览标题到正文字号层叠样式序列。
一键转换字母、数字、标点符号的全角与半角形式,用于中英文混排规范化。
生成用于网页各区块间的波浪或倾斜过渡分割线,导出为SVG或CSS代码。
配置不同的下划线出现、消失动画(从中间、左侧等),生成链接美化CSS。